Cafe24新着情報

[商品管理] ショップ商品詳細ページに販売者情報を表示するためのデザイン適用方法 - HTML(英語)

2019-05-31


平素よりCafe24をご利用いただき、誠にありがとうございます。


詳細は以下の内容をご確認ください。


☞ [HTML 修正方法へ移動する - 日本語]

 [HTML 修正方法へ移動する - 英語]

☞ [HTML 修正方法へ移動する - 韓国語]

☞ [HTML 修正方法へ移動する - 中国語(簡体字)]

☞ [HTML 修正方法へ移動する - 中国語(繁体字)]




PCショップ - スマートデザイン

1) 位置: 商品詳細(detail.html)

▼ 以下のように青色の部分を追加します。

                       <h3>Product Inquiry</h3>

            {$service_info}

        </div>

        <div class="cont">

            <h3>{$seller_info}</h3>

            <div>

                <table border="1" summary="" style="table-layout:fixed; width:auto; border:1px solid #dfdfdf;">

                    <caption>{$seller_info}</caption>

                    <colgroup>

                        <col style="width:140px;" />

                        <col style="width:150px;" />

                        <col style="width:140px;" />

                        <col style="width:250px;" />

                    </colgroup>

                    <tbody class="top">

                        <tr>

                            <th style="padding:13px 0 12px 20px; border-right:1px solid #dfdfdf; font-weight:normal; text-align:left; font-size:12px; background-color: #fbfafa;">Corporate Name</th>

                            <td style="padding:13px 0 12px 20px; border-right:1px solid #dfdfdf; font-weight:normal; text-align:left; font-size:12px;">{$business_company_name}</td>

                            <th style="padding:13px 0 12px 20px; border-right:1px solid #dfdfdf; font-weight:normal; text-align:left; font-size:12px; background-color: #fbfafa;">CEO (Name)</th>

                            <td style="padding:13px 0 12px 20px; font-weight:normal; text-align:left; font-size:12px;">{$business_president_name}</td>

                        </tr>

                        <tr>

                            <th style="padding:13px 0 12px 20px; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-weight:normal; text-align:left; font-size:12px; background-color: #fbfafa;">Phone</th>

                            <td style="padding:13px 0 12px 20px; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-weight:normal; text-align:left; font-size:12px;">{$business_contact_phone}</td>

                            <th style="padding:13px 0 12px 20px; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-weight:normal; text-align:left; font-size:12px; background-color: #fbfafa;">Address</th>

                            <td style="padding:13px 0 12px 20px; border-top:1px solid #dfdfdf; font-weight:normal; text-align:left; font-size:12px;">{$business_address}</td>

                        </tr>

                    </tbody>

                </table>

            </div>

        </div>  

    </div>


    <div id="prdReview" class="ec-base-tab grid5">



■ モバイルショップ - スマートデザイン

1) 位置: 商品詳細(detail.html)

▼ 以下のように青色の部分を追加します。

                                               {$service_info}

                </div>

            </div>

            <!-- 위탁판매자 및 대표판매자 정보 -->

            <div class="toggle eToggle selected">

                <div class="title">

                    <h3>{$seller_info}</h3>

                </div>

                <div class="contents">

                    <div style="border:1px solid #d5d5d5; word-break:break-all; word-wrap:break-word; color:#353535; background:#fff;">

                        <table border="1" style="position:relative; width:100%; table-layout:fixed; border:0 none; border-spacing:0; border-collapse:collapse;">

                            <caption>{$seller_info}</caption>

                            <colgroup>

                                <col style="width:100px;">

                                <col style="width:auto;">

                            </colgroup>

                            <tbody>

                                <tr>

                                    <th style="padding:12px 0 12px 13px; text-align:left; font-weight:normal; color:#757575;"><span>상호</span></th>

                                    <td style="padding:12px 0 12px 13px; font-size:13px; vertical-align:top;"><span>{$business_company_name}</span></td>

                                </tr>

                                <tr>

                                    <th style="padding:12px 0 12px 13px; text-align:left; font-weight:normal; color:#757575; border-top:1px solid #ececec;"><span>대표자</span></th>

                                    <td style="padding:12px 0 12px 13px; border-top:1px solid #ececec; font-size:13px; vertical-align:top;"><span>{$business_president_name}</span></td>

                                </tr>

                                <tr>

                                    <th style="padding:12px 0 12px 13px; text-align:left; font-weight:normal; color:#757575; border-top:1px solid #ececec;"><span>연락처</span></th>

                                    <td style="padding:12px 0 12px 13px; border-top:1px solid #ececec; font-size:13px; vertical-align:top;"><span>{$business_contact_phone}</span></td>

                                </tr>

                                <tr>

                                    <th style="padding:12px 0 12px 13px; text-align:left; font-weight:normal; color:#757575; border-top:1px solid #ececec;"><span>주소</span></th>

                                    <td style="padding:12px 0 12px 13px; border-top:1px solid #ececec; font-size:13px; vertical-align:top;"><span>{$business_address}</span></td>

                                </tr>

                            </tbody>

                        </table>

                    </div>

                </div>

            </div>

            <!-- //위탁판매자 및 대표판매자 정보 -->

        </div>

    </div>





Cafe24では、より快適なネットショップ運営のため、持続的に機能アップデートを実施しております。

今後ともお客様にご満足いただけるサービスを目指し、最善を尽くしてまいります。

引き続き、ご愛顧のほどよろしくお願い申し上げます。

ご不便・ご不明な点等ございましたら、0120-150-264または「お問い合わせ」まで、お気軽にお問い合わせください。