Cafe24新着情報

[PCデザイン] 追加クーポン機能適用方法 - HTML/CSS (日本語)

2020-10-28



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


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




■ PCショップ


1) 位置 : クーポン(coupon) > クーポン選択(coupon_select.html)


▼ 以下のように青色のソースコードを追加します。

## 上略 ## <ul>
<li>使用可能なクーポンのみ表示されます。</li>
              <li>会員ランク割引、クーポン割引の順に値引きされますので、本ページに表示された金額と実際に適用される金額に差がある場合がございます。</li>
             <li>追加クーポンとは、使用枚数の上限に関係なく追加的に適用できるクーポンを意味します(商品クーポン・注文書クーポンにおいて1枚ずつ適用可能)。</li>
</ul>
</div>
</div>

## 下略 ##


2) ファイル位置 : css > モジュール(module) > クーポン(coupon) > selectNew.css


 以下のように赤色のソースコードを削除し、青色のソースコードを追加します。

## 上略 ## .xans-coupon-selectnew .ec-base-table.total td .box { min-height:40px; line-height:2; word-break:normal; } .xans-coupon-selectnew .ec-base-table.total td .txt23 { font-size:23px; letter-spacing:-1px; } .xans-coupon-selectnew .ec-base-table.total .detail td { height:auto; line-height:inherit; font-size:12px; color:#707070; } .xans-coupon-selectnew .ec-base-table.total .detail li { margin:0 0 3px; padding:0 0 0 9px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_dash.gif") no-repeat 0 7px; } .xans-coupon-selectnew .ec-base-table.total .detail li { margin:0 0 3px; padding:0 0 0 9px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_dash.gif") no-repeat 0 7px; } .xans-coupon-selectnew .ec-base-table.total .detail td li select { width:100%; } ## 下略 ##




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

今後ともお客様にご満足いただけるサービスを目指し、最善を尽くしてまいります。引き続き、ご愛顧のほどよろしくお願い申し上げます。

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