*

メーカー小売希望価格や通常価格に打ち消し線を引く(CSS)

公開日: : 最終更新日:2017/01/07 CSSやHTML、CGI

価格に打ち消し線

打ち消しと言えば<s>だったのですが、今はCSSで書きます。

この画像のように、希望小売価格の数字と(税込)に打ち消し線を引きたいと思って、CSSの編集から「text-decoration:line-through」と入力して更新をしたのにいっこうに変化しません。

これはバグ(エラー)だな。しっかりしてくれよEストアーさんよ!

と思ったら、打ち消し線はそこで設定するのではなく別の箇所でした。

「デザイン設定」→「商品詳細ページの設定」と進みます。

んで、これ。
打ち消し線の設定

あるんやないか~い!

わかりにく・・・

ちなみに、せっかくなので、テキストに付ける線関係のCSSについて復習しましょう。

1.text-decoration:none(何にもなし)

何もなし

2.text-decoration:underline(下線)

ここテストに出るよ。

3.text-decoration:line-through(打ち消し線)

小売り希望価格:4億3000万円

4.text-decoration:overline(テキストの上に線)

これいるか?

5.text-decoration:blink(チカチカ点滅)

ちょっと目立たせたいときに
(※点滅で見えている方は、そのブラウザは古すぎです。Chromeに変えましょう。)

さらに、マニアックなことををやってしまいましょう。CSSにはない二重線での打ち消し方法です。意外に簡単で、画像で消すというものです。価格の背景に打ち消し用の画像を入れてしまいます。

.line2
{
background-image:url(画像のURL);
background-repeat:repeat-x;
background-position: center;
}

ただし、このパターンでの、ショップサーブのCSSカスタマイズはちょっとむずかしいのでカット!



Adsense

関連記事

カスタマイズ

WEB MART(KentWeb)カスタマイズ

WEB MART CGIの続き。購入は最低限のスッキリ3ステップなので、カスタマイズもしやすく、かつ

記事を読む

横取りマーケティング

スマホサイト横取りマーケティング

すでにスマホ・ショッピング全盛です。楽天やヤフーに出店しているネットショップは、スマホからアクセスし

記事を読む

納品書

ショップサーブの納品書のフォントを明朝体に変更する方法

納品書のフォントの初期設定はゴシック体です。「このフォントを変えたい!」と思っている方もいるでしょう

記事を読む

CPI

レンタルサーバーの時代はもう終わった

レンタルサーバーを借りてネットショップを作ったりホームページを作ったりしたい人が、2004年に100

記事を読む

CGI、PHPフリーのプログラマーの(集客)マーケティング・アイデア

ネットショップを自作する人が超マニアックであるように、レスポンシブ対応の掲示板を探している人

記事を読む

CS-CART

新種発見か?レスポンシブ対応CSカート

サーバーにインストールして使うCS-CARTというカートプログラムを発見。 レスポンシブ(端末

記事を読む

ヤフートップ

yahoo! shoppingのトップページはどうやって作るのですか?

無料で、しかも、地方の父ちゃん母ちゃんでも出店できてしまうyahoo! shopping。ライト出店

記事を読む

no image

全部の商品ページに同じパーツを表示せる方法

ショップサーブのような開業サービスを使うメリットは、何かと「一括」処理ができる点です。例えば、商品ペ

記事を読む

CGIとSSL

ショッピングカートCGI利用時はSSLに

SSLとは通信の暗号化のこと。お客さんが個人情報やカード情報を送信するときは、必ず暗号化通信にするこ

記事を読む

フォームメールで売上UP

高機能フォームメールを活用して売上アップ

問い合わせのフォームも、使い方によっては受注数のアップにつながるケースがあります。フォームから受注と

記事を読む

Adsense

Adsense

閉店
あまりに残念な売上げ・・・閉店か移転かプラン変更か

ショップサーブのライトコースで出店しているお店さんの生々しい台所事情。

フォローメール
フォローメールはスマホで読まれることが多いことを考えると

楽天で買い物したお店からフォローメールが届きました。スマホで読んだ

オーディオルーム
起業ネタ レンタル(高級)オーディオルーム

CDが売れなくなったのは、音楽配信などの影響が大きいと思いますが、

amazon
アマゾン・マーケットプレイスの特定商取引法について

そういえば、1年くらい前でしょうか。マーケットプレイスの出品者に特

屋号に堂
屋号に「商店」や「堂」も古かっこいいかも

屋号の決め方ページにランディングのキーワード「堂」。 メジャーな

→もっと見る

PAGE TOP ↑