商品詳細ページのカスタマイズ

デザインの変更
  • コンテンツ全体
      ◆ 背景色・コンテンツ全体の大きさ等の設定を変更する場合
        .center{・・・・}

      ◆ 見出しの設定を変更する場合
        .center h2.pagetitle, .center .title{・・・・}

      ◆ コンテンツ内容の表示位置等の設定を変更する場合
        .center .page_box{・・・・}
        ※Welcart デフォルトテーマでは、トップページ以外のページに反映されます。

  • 商品詳細ページ
      ◆ 商品内容の大枠のセレクタ名
        #itempage

      ◆ 商品内容のタイトル以外の枠のクラス名
        .exp

      ◆ 区切り線のクラス名
        .field

      ◆ 売価見出しのクラス名
        .field_name

      ◆ 売価のクラス名
        .field_price

      ◆ 画像のクラス名
        .itemimg
        .itemsubimg

      ◆ 価格表全体のクラス名
        .skuform

      ◆ 価格表テーブルのクラス名
        table.skumulti
        table.skumulti th.thborder
        table.skumulti td.subborder
        table.skumulti td.skudisp

      ◆ 専用オプションのクラス名
        .assistance_item
        .assistance_item .listbox
        .assistance_item .slit
        .assistance_item .detail

      ◆ 金額の設定を変更する場合
        span.price{・・・・}

コメントを残す

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

CAPTCHA