Cafe24新着情報
[商品管理] ショップ商品詳細ページに販売者情報を表示するためのデザイン適用方法 - HTML(英語)
2019-05-31
平素よりCafe24をご利用いただき、誠にありがとうございます。
詳細は以下の内容をご確認ください。
■ 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または「お問い合わせ」まで、お気軽にお問い合わせください。