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

質問一覧対象テーマ: Handmade商品詳細ページ:商品価格のフォント変更について
chuckychucky asked 4年 前

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

baseadminBaseDesignInfo Staff replied 4年 前

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

chuckychucky replied 4年 前

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

2 Answers
baseadminBaseDesignInfo Staff answered 4年 前

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

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

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

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

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

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

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

chuckychucky replied 4年 前

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

baseadminBaseDesignInfo Staff replied 4年 前

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

chuckychucky replied 4年 前

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

baseadminBaseDesignInfo Staff replied 4年 前

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

chuckychucky replied 4年 前

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

baseadminBaseDesignInfo Staff replied 4年 前

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

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

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

baseadminBaseDesignInfo Staff answered 4年 前

補足です。

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

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

chuckychucky replied 4年 前

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