*

メーカー小売希望価格や通常価格に打ち消し線を引く(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

関連記事

php無理

phpプログラミングは果てしないのであきらめた

「phpでプログラミングができたらどんなにいいか。APIを使っていろんなことができるし。」という思い

記事を読む

オンエアー

「今、店長います。」をON AIR画像を使って表示させる方法

確か、10年近く前の、日経MJ「にぎわう専門通販」という記事で取り上げられていたショップサーブユーザ

記事を読む

CSVファイルのカンマを置換

CSVファイルを変な区切り文字に変換する方法

エクセル(今回はOpenOffice)を使えば、任意の区切りでCSVファイルを作れると思ったらできま

記事を読む

サーバーエラー

CSV編集CGIがない

放置気味の自作サイトのCSVファイルをウェブ上で編集するためのCGIを探してみたところ、意外にないん

記事を読む

エクセルCSV変換

もしもドロップシッピングのCSVファイルの列にあるカテゴリーを小分けにする方法

「そんなこと誰が知りたがっているのか!?」というような内容ですが、意外にいるかも? というわけ

記事を読む

サイドナビ

yahoo! shopping サイドナビの編集

動画付き解説版できました~ デザイン設定で、「とりあえずお店らしく」と考えた場合、ヘッダー

記事を読む

no image

ショップサーブを予約システムとして転用してみる方法

ショップサーブといえば、物販用のネット販売システムですが、これを予約システムとして使えるのではないか

記事を読む

EFO

CVRアップのためのEFO5つのテクニック

EFO(エントリーフォーム最適化)のHTML、CSS等の技術情報。 1.入力フォームの拡大 通常

記事を読む

SSL

フォームメールCGIを設置しよう

取扱商品が数千点、数万点となってくると、ショップサーブの問い合せフォームでは正直、間に合わないんです

記事を読む

横取りマーケティング

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

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

記事を読む

Adsense

Adsense

ショートカット
企業の通販部門は急がば回らない。その道のプロを頼ってショートカットを。

趣味で習い事をしている人も多いと思いますが、何かを始めるときに「その道

ネットマーケティング
実店舗ビジネスもホームページにFBにInstaにとネットマーケティング全開

「美容室を開業した。ホームページを作った。」 以前は、実店舗のホ

儲かるネットビジネス
儲かるネットビジネス見っけ

儲かる(たぶん)ビジネス見っけました。 それは、ずばりフォー

セレクトショップ開業
リアル(実店舗)のセレクトショップ開業方法について

リアルのビジネスを始めようと思ったとき、誰もが、まずはネットで情報

検索キーワードは検索ユーザーとの対話
検索キーワードはユーザーとの対話

GAのオーガニック検索のキーワードの取得がほとんどできなくなって久しい

→もっと見る

PAGE TOP ↑