クリエイターモード テンプレートごとのよくある質問

ショップデザイン / テンプレート選択・編集

Q【Wabisabi】でサブ画像はどのように表示されますか。

A【Wabisabi】は、サブ画像に登録された画像は、商品詳細ページの下部にタイル状に3枚ずつ並んで表示されるテンプレートです。
登録した画像が6枚、9枚・・・と3の倍数で下に並んで表示されていきます。
※3の倍数以外で画像を登録されている場合、表示が崩れる場合がありますので3の倍数で画像をご登録ください。
参照：【Wabisabi】サンプルショップサブ画像表示

Q【Wabisabi】スマホでスライドショーのサイズを小さくしたいです。

A【Wabisabi】は、スマホで見た時に、スライドショーが画面いっぱいに表示され、下にスクロールするボタンが画像の下の位置に表示されるテンプレートです。
スライド画像は、左右をトリミング（切り取り）して（※実際に切り取られてはいません）中央部分が表示されます。
参照： スマホでスライドショーのサイズを小さくしたい（対象テンプレート: Wabisabi）

Q【Wabisabi】スマホでスライド画像が動かず、画像リンクがクリックできないようです。

A【Wabisabi】は、 高さのあるトップページ画像を表示させるテンプレートです。
あまり高さのない画像（横に細長い画像など）をスライドショーに設定すると、スクロールするボタンの要素が スライドショー全体の上に重なってしまい、指で画像をはらう動作がしにくくなります。
参照：【Wabisabi】サンプルショップ

Q【Wabisabi】スマホで「カテゴリー別イメージ」の画像のはしがきれてしまいます。

A【Wabisabi】は「カテゴリー別イメージの登録」に登録された画像が、縦横比によって左右がトリミングされます。
表示を変更したい場合はショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通　「CSS」内の、以下の記述から「object-fit:cover;」を削除してください。

.category-image img { 
margin-top: 78px; 
height: 222px; 
width: 100%;
object-fit: cover; ←これを削除
}