We're having a sale! 1/1 - 12/31

FEATURES(特集)の編集方法

ご注意:こちらはテンプレート編集(上級者モード)のご案内になります。

ソーシャルアイコンの位置の説明 ヘッダー

FEATURES(特集)では特におすすめしたい記事や商品をアプローチいただけます。

差し替え手順

  1. 差替用のバナーを作成し、画像ファイル管理からファイルをアップロードします。
    サンプルサイトではバナーサイズが横300px 縦は170pxです。
    [ショップ作成] → [画像ファイル管理]をクリックすると、画像ファイル管理がポップアップにて表示されます。
  2. 作成したバナーを選択し[アップロード]ボタンをクリック。
  3. ファイル確認から作成したバナーをクリックするとプレビュー画像と画像URLが表示されます。
    プレビュー画像が作成した差替用のバナーである事を確認します。
    1〜3を繰り返し、必要な分だけアップロードします。
  4. アップロードが完了しましたら実際に差し替えていきます。
    [ショップ作成] → [デザイン]から利用中のテンプレートの[テンプレート編集]をクリックします。
  5. [トップ]の[HTML・CSS編集]をクリックします。
  6. 下記を変更します。変更箇所はページ内に1カ所
    (ページ内検索にて「FEATURES(特集)」で探すと便利です。)

    変更前:最初の1つを例にします。
    <li class="p-features-list__item">
        <div class="p-features-list__in js-bigger">
            <div class="p-features-list__img">
                <a href="#">
                    <img src="https://img.shop-pro.jp/tmpl_img/84/features-sample.png" alt="1つ目の特集画像説明文" />
                </a>
            </div>
            <div class="p-features-list__txt js-matchHeight">
                <h3 class="p-features-list__ttl">
                    <a class="u-img-scale" href="#">特集のタイトル</a>
                </h3>
                <p class="p-features-list__body">
                    特集の文章が入ります。特集の文章が入ります。特集の文章が入ります。
                </p>
            </div>
        </div>
    </li>
    	


    変更後:画像ファイル管理からバナーをクリックします。画像URLが表示されますのでコピーし、差し替えたい箇所へペーストします。
    <li class="p-features-list__item">
        <div class="p-features-list__in js-bigger">
            <div class="p-features-list__img">
                <a href="こちらにリンク先URLを記入">
                    <img src="こちらに画像URLをペースト" alt="1つ目の特集画像説明文" />
                </a>
            </div>
            <div class="p-features-list__txt js-matchHeight">
                <h3 class="p-features-list__ttl">
                    <a class="u-img-scale" href="こちらにリンク先URLを記入">こちらに見出しを記入</a>
                </h3>
                <p class="p-features-list__body">
                    こちらに文章を記入
                </p>
            </div>
        </div>
    </li>
    	
    画像URL、見出し、文章、リンク先URL(2箇所)、画像の説明文もそれぞれ記入します。
  7. 変更しましたら、[更新]ボタンをクリック。
  8. サイトにアクセスして変更が反映されている事を確認します。

MESSAGE FROM STAFF 店長からのメッセージ

ペパボ店長
「DISCOVER」はカラーミーショップを利用しています。

CALENDAR カレンダー

2024年3月
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
2024年4月
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

ショッピングガイド

SHIPPING 配送・送料について

東京急便
配送は東京急便にてお届けいたします。

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

RETURN 返品について

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

PAYMENT お支払いについて

銀行振込

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