レイアウトテンプレートについて

Question

お世話様です。天然石チャームページ　商品番号 2100 にてテンプレートＣを設定しておりますが、商品名が、じゃまをしているような感じでＰＣ商品説明文と商品画像の間が空白で5ｃｍ位開いてしまいます。この間の空白スペースをなくすことはできますか？宜しくお願い致します。

Answer

空白スペースが発生しているのは、　・商品画像・キャッチコピー・商品名などを含む、左側全体の幅　・「商品到着後レビューを書いてプレゼント実施中！」の画像の幅以上、２つの幅が広すぎることが原因なので、それぞれを縮めれば、空白を詰めることができます。最初に、左側全体の幅を狭めるには、以下の記述をページ内に追加していただきます。===== これより下から ===================== これより上まで ================※注意：レイアウトが崩れる恐れがありますので、このタグはテンプレートCの商品ページだけにご利用ください。（例）・テンプレートC用のヘッダー・フッター・レフトナビ、もしくは共通説明文（大）を作成し、その中に追加する・テンプレートCを使う商品のPC用販売説明文に追加するさらに空白を詰める場合は、「商品到着後レビューを書いてプレゼント実施中！」の画像よりさらに横幅の狭い画像をご用意いただき、共通説明文（大）の中にある、以下の記述をご変更ください。===== これより下から ================span.unit { background: url(旧画像ファイルのURL) no-repeat left top; text-indent: -9999; display: block; width: 366px; height: 161px; }↓span.unit { background: url(新画像ファイルのURL) no-repeat left top; text-indent: -9999; display: block; width: 新画像ファイルの横幅(px単位); height: 新画像ファイルの縦幅(px単位); }===== これより上まで ================新画像ファイルを横幅300pxまで詰めると、空白を最大限まで詰めることができます。

Answer

ありがとうございました。お手数お掛けしました。

レイアウトテンプレートについて

カテゴリーから探す