Re: [解決済み] 商品詳細ページのカスタマイズについて

ホーム フォーラム 使い方全般 [解決済み] 商品詳細ページのカスタマイズについて Re: [解決済み] 商品詳細ページのカスタマイズについて

#65415

nanbu
参加者

こんにちは。

スタイルを編集するには、まずソースを確認してください。「商品画像の上のタイトル」は<h1 class="item_page_title">となっていますので、h1もしくはitem_page_titleの文字列をusces_cart.cssにあるかを検索します。なければstyle.cssを検索します。

検索して見つかった場合はそのすライルを変えてみます。ただし、それを編集することで他のところまで影響が出る場合がありますので、他のページも確認しながら編集してください。

検索して見つからなかった場合は、新たに追加することになります。上記タイトルでしたら、

.item_page_title {
font-size: 13px;
}

とすれば良いかと思います。

「商品画像下の商品名~在庫部分」もソースを確認すると、それぞれ<div class="field">で囲まれている事が分かります。

スタイルの編集は千差万別ですので、ご自分のやりたいことがGoogle検索でヒットすることはまれだと思います。なによりもスタイルを編集するコツを掴んでしまえば、Welcartに限らず役に立つかと思います。

スタイルの確認にはGoogle Chormeを使うととても便利です。