カラーミーショップ用のテンプレート「SEO+」の商品メイン画像(スライド)について説明します。

SEO+のご利用にはカラーミーショップとの契約が必要です。カラーミーの30日無料申し込みはこちらから → https://shop-pro.jp

slick.jsによるスライダーを採用しています

PC、タブレット、スマホすべて共通してタッチスライダーで表示しています。

特別な設定は必要なく、商品の個別編集ページで画像を追加していただければ自動的にタッチスライドとして表示されます。

編集ページで画像を追加する

「slick カスタマイズ」 or 「slick オプション」などで検索していただくと 山ほど情報が出てくると思いますが、よく使うと思われるのは以下の項目です。

autoplay自動再生するかどうか true/false
autoplaySpeed再生スピード(1000分の1秒単位で指定)
fadeフェード効果  true/false
dotsスライド下にドット表示するかどうか true/false
pauseOnHoverオンマウスでスライドを一時停止  true/false
swipeToSlideタッチスワイプを許可 true/false
slickのオプション(一部)

初期状態ではdotsのみ設定しています。

商品詳細のHTML編集画面

dots: true, に続いて必要なオプションを追記していただければ適応されます。

編集方法については「SEO+トップページのスライド設定(slick.js)」で解説しています。

カテゴリー: カラーミーSEO+

ミフネWEB@神戸

ホームページやネットショップの新規制作、古いページのリニューアル(サイト改修)から、テンプレートカスタマイズまで承っています。 神戸を中心に活動していますが、オンライン(Tel、メール、チャットサービスなど)を通じての打ち合わせで問題なければ地域を問わず承ります。

0件のコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA