ランキングのデザイン調整

本内容は、ランキングのデザインを細かく調整するための設定箇所です。

「ランキングデザインの調整」 #

①.ランキングの見出しの設定 #

「ランキング見出し」→「任意のテキスト」

②.スライダーの設定 #

「スライダー」→「任意の設定」→

「パディング(上)」→「任意の設定」→

「パディング(下)」→「任意の設定」→

「パディング(左右)」→「任意の設定」→

③.リンクボタンの設定 #

「リンクボタンテキスト」→「任意のテキスト」→

「リンクボタンURL」→「任意のURL」→

「リンクボタン色」→「任意のカラー」

④.順位アイコンの設定 #

「順位のアイコンの種類」→「任意のアイコン」→

「順位の位置」→「任意の位置」

⑤.レイアウト設定 #

「表示商品数」→「任意の設定」→

「1行あたりの商品数(PC)」→「任意の数値」→

「1行あたりの商品数(モバイル)」→「任意の数値」→

「商品画像間のマージン(左右)(PC)」→「任意の数値」→

「商品画像間のマージン(上下)(PC)」→「任意の数値」→

「商品画像間のマージン(左右)(モバイル)」→「任意の数値」→

「商品画像間のマージン(上下)(モバイル)」→「任意の数値」→

⑥.商品画像設定 #

「画像の縦横比」→「任意の設定」→

「マウスオーバー時の挙動」→「任意の設定」

⑦.さらに細かく設定する場合 #

さらに各項目を設定したい場合は以下の項目からそれぞれ設定可能です。

「埋め込みアプリ」→

ランキングリストの設定:ランキングアイコンのカラーや幅の設定ができます。

商品カードの設定:売り切れバッジの設定や、商品の背景や幅の設定ができます。

商品情報のフォント設定:商品情報のフォントのカラーやサイズの設定ができます。

(タブ)フィルター設定:タブフィルターの見出しや幅の設定ができます。

(ドロップダウン)フィルター設定:ドロップダウンフィルターの幅やフォントの設定できます。

以上が、ランキングデザイン調整についての設定方法です。

Powered by BetterDocs

上部へスクロール