Handmade

商品詳細ページ:商品価格のフォント変更について

chucky

トップページの商品価格のフォント変更は以前の質問を見て変更したのですが、商品詳細ページの商品価格のフォントを変更したいのですが、どの部分を変更したらいいのかわかりません。
お手数ではございますが教えていただけましたら幸いです。
よろしくお願いいたします。

  1. baseadmin

    ご質問ありがとうございます。
    参考にされた質問ページはどちらでしたでしょうか?

  2. chucky

    トップページ:商品価格のフォント変更についてを参考にさせていただきました。

回答が 2件あります

baseadmin

参照されたページありがとうございます。
質問者さまがテンプレートにCSS直接書き込む前提のコードを提示されていた場面ですので、
もしかしたら直接編集されたのかもしれません。

現在はもっと簡単にできるようになっています。
デザイン編集画面の一番下の項目「【上級者向け】独自スタイルシート」の欄に、下記のコードを入力してみてください。

#item_page_wrap #price, .properprice { font-family: helvetica !important; } 

( helvetica の部分にはお好みのフォント名が入ります。)

例えば「item-price」をこれに含めて

.item-price, #item_page_wrap #price, .properprice { font-family: helvetica !important; } 

などとすることで、まとめて指定することもできます。
よろしくお願いいたします。

  1. chucky

    上記のコードを「【上級者向け】独自スタイルシート」の欄にコピペしてフォント名を変更して入れてみたのですが、商品詳細ページの商品価格の変更が出来ていませんでした。
    どうしたらいいでしょうか?
    お手数ですがまた教えていただけたら幸いです。

  2. baseadmin

    実際のURLをお知らせください。

  3. chucky

    商品詳細のページです。
    https://foldy.thebase.in/items/26464030
    よろしくお願いいたします。

  4. baseadmin

    独自スタイルシートが反映されていません。管理画面でのデザイン編集の内容を確実に保存してみてください。

  5. chucky

    コピペしてデザイン編集を保存としているのですが、反映されていないという事ですよね?
    それともやり方が間違えていますか?

  6. baseadmin

    「コピペしてデザイン編集を保存」で問題ありません。

    「フォントが変わらない」ということなので、原因としてスタイルシートに誤りがあるかどうかを確認したいのですが、
    反映されているはずのスタイルシート物自体が見つからないため、公開されるものをこちらから見る限りでは何が原因か知ることができません。

    保存ができているかの確認として、例えば独自スタイルシートの欄に、「こんにちは」と入力して保存、公開されたサイトのHTMLを表示して「こんにちは」を検索してみてはどうでしょうか?

baseadmin

補足です。

> トップページの商品価格のフォント変更は以前の質問を見て変更できた

ということなので、同じ方法でやって頂いた方が早いかもしれません。
トップページでは「item-price」でしたが、それを「id="price"」として同じ方法でやってみてください。

  1. chucky

    はじめのご提案の「こんにちは」を保存してHTMLを検索してみましたけども、見つからず反映されていないようでした。
    「item-price」と同じ方法でやってみましたら、無事に出来ました。
    なぜスタイルシートの保存が反映されないのかがわからないのですが、とりあえず無事に変更することが出来ました。
    何度もお手数をおかけ致しました。
    ありがとうございました。

サポートについて

このサイトでサポートしているテーマは、常にご質問を受け付けており、
どんなご質問やカスタマイズのご相談も、デザイナー自身が積極的にお返事しています。
BASEでショップを運営するための相談所としてご利用ください!

テーマは安心の無料アップデート

BASEに新機能が追加された際や、テーマにさらなる機能追加を行った際など、
ご購入いただいた方にはテーマの無料アップデートを提供しています。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。

※ HTML編集Appを利用して作成したテーマは、その編集内容を保護する為に自動更新はされません。
その場合でも「購入済みテーマ」からいつでもそのテーマの最新バージョンを取得可能です。

サポート対応中の人気テーマ