コンテンツ中部バナーの差替方法

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

コンテンツ中部バナーの差替方法
MANYではコンテンツ中部へバナーを設置する事ができます。(1箇所あります)
ここではコンテンツ中部バナーの差替方法を解説します。

  1. 初めにバナーを設定します。
    バナーを作成し、画像ファイル管理からファイルをアップロードします。サンプルサイトではバナーサイズが横925px×縦342pxになります。
    [ショップ作成] → [画像ファイル管理]をクリックすると、画像ファイル管理がポップアップにて表示されます。
  2. 作成したバナーを選択し[アップロード]ボタンをクリック。
  3. ファイル確認から作成したバナーをクリックするとプレビュー画像と画像URLが表示されます。プレビュー画像が作成した差替用のバナーである事を確認します。
    画像URLを全選択しコピーしておきます。
  4. [ショップ作成] → [デザイン] → 利用中のテンプレートの[デザイン編集]からトップの[HTML/CSS編集]をクリックします。
  5. 下記を変更します。変更箇所はページ内に1カ所
    (ページ内検索にて「コンテンツ中部バナー - 画像設置箇所」で探すと便利です。)

    こちらに先程コピーした画像URLををペーストしバナーを設置します。(value="こちらにペースト")
    <{assign var="bnr_contents_main_01" value="//img.shop-pro.jp/tmpl_img/82/img_contents_bnr.png"}>
    
  6. 次にリンク先を変更します。変更箇所はページ内に1カ所
    (ページ内検索にて「コンテンツ中部バナー - リンク先・代替テキスト設置箇所」で探すと便利です。)

    <a href="リンク先URL"><img src="<{$bnr_contents_main_0X}>" alt="代替テキスト" />となります。
    <ul class="contents-main-banner-list unstyled row">
      <{if $bnr_contents_main_01 != ""}>
        <li class="contents-main-banner-list__unit col col-lg-12">
          <a href="">
            <img src="<{$bnr_contents_main_01}>" alt="" />
          </a>
        </li>
      <{/if}>
    </ul>
    
  7. 変更しましたら、[更新]ボタンをクリック。
  8. サイトにアクセスして変更が反映されている事を確認します。