Cafe24新着情報

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

2020-10-28


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


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




■ PCショップ


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


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

## 上略 ## <ul>
<li>Only the valid coupons are listed here.</li>
<li>Please note the actual price you pay for your order may vary depending on your membership level. Coupon discounts are calculated once your membership level discount is applied to your order total.</li>
<li>Additional coupons can be added to your order regardless of any limit on the number of coupons used. You can use one extra product coupon and one extra checkout coupon.</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または「お問い合わせ」まで、お気軽にお問い合わせください。