質問: ヤフーショッピングの販売期間表記のデザイン変更 お世話になります。ヤフーショッピングの商品ページに表記される販売期間がpcとスマホともに分かりくいため、文字の大きさなど変更は可能でしょうか?その際は変更箇所やタグのアドバイスをご教授頂きたいです。また、二重価格で販売するとヤフーショッピングの仕様により売価の下部に ”期間限定! 本日の割引価格”と勝手にでますが、これだと本日限定でという意味でしょうか?とお客様からのお声がございました。こちらも変更可能でしたらやり方をご教授頂きたいです。買い物かごボタンも楽天ように変更可能であればご教授頂きたいです。宜しくお願い致します。
回答: ecマスターズの田中です。スマートフォン用ページにて変更を行う手段はございませんが、pc用ページのみ、yahoo!トリプル内にcssファイルをご用意の上ヘッダーのフリースペースなどにタグを記載することで、スタイルシートによる修正を行うことはできます。以下、pc用ページの各パーツについてご説明いたします。販売期間につきましては、前後の要素(に囲まれる、手数料について から 発売日)との差別化が難しく、それだけを修正することが難しいです。たとえば、#abuserpt p:nth-child(2) { font-size: 16px; }とすると、販売期間の設定された商品ページでは確かに販売期間の文字が大きくなりますが、それ以外、つまり販売期間表記のない商品ページにて、「違反商品の申告をする」のリンクの文字が大きくなってしまいます。「期間限定! 本日の割引価格」の表記につきましては、.eldiscounttime { display: none; }という規則で、非表示にすることができます。「商品をカートに入れる」ボタンにつきましては、.elcartbutton および、その中のspanタグに対する規則をご希望に応じて書き換えていただく形になります。完成形の構造によって、必要なソースが変わってまいりますが、1枚の画像ファイルをボタンとしてご利用いただく予定でしょうか。お知らせいただきますようお願いします。なお、上記いずれの変更においても、yahoo!ショッピングによるhtml構造の仕様変更により使えなくなる、想定以外の場所で表示崩れが発生する、などのおそれがございますことを、予めお含みおき願います。その他、外部スタイルシートの読み込み方法など、不明な点がございましたら返信にてお知らせ願います。