【カラーミーショップ】トップページ「オススメ商品」のタイトルテキストを変更する方法

投稿日:

商品登録をする時に、商品をトップページの「おすすめ商品」として表示することができますが、そこの部分のテキストを変更する方法をお伝えしていきます。

PC版とスマホ版、どちらのやり方も書いてありますので是非両方ともやってみてください。

POINT

テンプレートは無料で利用できるPLAINを利用しています。その他のテンプレート全てでは試していませんのでご注意ください。

実装方法(PC版)

「オススメ商品」をテキスト変更する手順(PC版)は以下の通りです。

  1. HTML・CSSを編集
  2. テキスト書き換え

では早速変更しましょう。

HTML・CSSを編集

管理画面左上の「ショップ作成」→「デザイン」→「デザイン」をクリックします。

テンプレート編集ボタンをクリックし、ページ種類「共通」のHTML・CSS編集をクリックします。

テキスト書き換え

HTML編集内で「オススメ商品」で検索し、「オススメ商品」を好きなテキストに書き換えます。

スタイルを指定したい場合

CSSを編集したい場合は、同じページのCSS編集内で「.prd_recommend_block .ttl_h2」に対してスタイルを指定してください。

実装方法(スマホ版)

次に、スマホ版の方もテキスト変更していきます。

  1. HTML・CSSを編集
  2. テキスト書き換え

HTML・CSSを編集

管理画面左上の「スマートフォンショップ」→「デザイン設定」をクリックします。

デザイン設定というリンクがあるのでそこをクリックし、ページ種類「共通」のHTML・CSS編集をクリックします。

テキスト書き換え

HTML編集内で「おすすめ商品」で検索し、「おすすめ商品」を好きな様に書き換えます。

スタイルを指定したい場合

CSSを編集したい場合は、同じページのCSS編集内で「.section-main h2」に対してスタイルを指定してください。

まとめ

いかがでしたでしょうか?

おすすめ商品だけでなく、トップページに「お知らせ」や「売れ筋商品」を載せる場合はそれらも今回と同じ様に編集できますので、HTML編集内でそれぞれのテキストで検索して編集してみてください!

【カラーミーショップ】スライダーをスマホで表示させる方法

カラーミーショップでは割と簡単にスライダーを表示させることができます。 ただ、スマホでも同じ様にスライダーを表示させようとすると少し手を動かす必要があるんですよね。という事で今回はスライダーをスマホで ...

続きを見る

【カラーミーショップ】SNSアイコンを簡単に表示させる

「カラーミーショップでInstagramやTwitterとかのSNSアイコンを表示させたいけど、どうしたらいいんだろう??」 そんな悩みを持っている方の為の記事です。簡単にできますので、是非記事を読み ...

続きを見る

【カラーミーショップ】ロゴをPCとスマホ両方に表示させる方法

デフォルトだとショップの一番上の方にショップ名が表示されますが、できればそこにはオリジナルのロゴを貼っておきたいものです。 という事で今回はロゴを表示させる方法をお伝えしていきます。PC版とスマホ版、 ...

続きを見る

-カラーミーショップ

Copyright© Web Emo , 2024 All Rights Reserved.