決済方法アイコンの差替方法

ご注意：こちらの設定方法は上級者モードでのご案内になります。初心者モードをご利用中の場合は、上級者モードへの切替をお願いいたします。【切替方法はこちら】

PACKではサイトへ決済方法アイコンを設置する事ができます。（サンプルサイトでは画面上部の決済アイコン）ここでは決済方法アイコンの差替方法を解説します。

[ショップ作成] → [デザイン設定]から利用中のテンプレートの[デザイン編集]をクリックします。

下記を変更します。変更箇所はページ内に1カ所
（ページ内検索にて「決済方法アイコン - 差替箇所」で探すと便利です。）

変更前：テンプレートDL後は全てが表示の状態となっています。

<ul class="upbar-list inline col col-md-12">
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_convenience.png" alt="コンビニ決済" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_bank.png" alt="銀行振込" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_postal.png" alt="郵便振替" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_cod.png" alt="代金引換" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_credit_jcb.png" alt="クレジット JCB" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_credit_mastercard.png" alt="クレジット MasterCard" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_credit_amex.png" alt="クレジット American Express" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_credit_visa.png" alt="クレジット VISA" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_credit_diners.png" alt="クレジット Diners" />
  </li>
</ul>

変更後：対応していない決済アイコンはコメントアウトにて非表示にします。以下例です。

<ul class="upbar-list inline col col-md-12">
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_convenience.png" alt="コンビニ決済" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_bank.png" alt="銀行振込" />
  </li>
  <!--
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_postal.png" alt="郵便振替" />
  </li>
  -->
  <!--
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_cod.png" alt="代金引換" />
  </li>
  -->
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_credit_jcb.png" alt="クレジット JCB" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_credit_mastercard.png" alt="クレジット MasterCard" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_credit_amex.png" alt="クレジット American Express" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_credit_visa.png" alt="クレジット VISA" />
  </li>
  <li class="upbar-list__unit">
    <img src="//img.shop-pro.jp/tmpl_img/79/icon_payment_credit_diners.png" alt="クレジット Diners" />
  </li>
</ul>

変更しましたら、[更新]ボタンをクリック。
サイトにアクセスして変更が反映されている事を確認します。

グループ

コンテンツ

営業日カレンダー

2025年7月
日	月	火	水	木	金	土
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

2025年8月
日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31

営業日カレンダーの注意書きが入ります

ホーム

トップ

最近チェックした商品

最近チェックした商品はまだありません。

配送・送料について

東京急便: 送料は全国一律525円頂いております。
1回のお買い上げ商品の合計金額が10,000円以上の場合は送料が無料となります。
日本急便: 送料は全国一律525円頂いております。
1回のお買い上げ商品の合計金額が10,000円以上の場合は送料が無料となります。

返品について

返品期限: 商品到着後７日以内とさせていただきます。
返品送料: お客様都合による返品につきましてはお客様のご負担とさせていただきます。不良品に該当する場合は当方で負担いたします。
不良品: 商品到着後速やかにご連絡ください。商品に欠陥がある場合を除き、返品には応じかねますのでご了承ください。

支払い方法について

商品代引: 商品が到着しましたら配達員へ商品代金をお支払い下さい。
銀行振込: 購入後にお送りさせて頂きますご注文確認メールに記載されております弊社指定の銀行口座へ、ご請求金額をお振り込み下さい。
クレジット: 分割払い、リボ払い可能です。
※支払い回数はクレジットカード会社によって異なります。