質問: スマホのカテゴリーページについて ご質問を失礼致します。http://item.rakuten.co.jp/jiggys-shop/のお店のスマホのカテゴリーページ(商品一覧)ですが、特別なツールなど使っておりますでしょうか?弊社も『オトカテ』という外注のツールを使って、似たような感じにしているのですが、それよりも遥かに出来栄えば良いので、独自に作っているのか、外注のツールを使っているのかお調べ頂いても宜しいでしょうか。お手数をおかけしますが宜しくお願い致します。
回答: ecマスターズの田中です。pc用カテゴリページにて、cssによって画像を商品画像の上に載せる方法がありましたのでご案内いたします。「売り切れ」などの旨が記載された画像ファイルと共にご利用ください。下記= この上の行まで ====================※画像urlは、商品画像の上に載せたい画像ファイルのurlに置き換えてください。※「透明度」の左の数字を操作することで、載せる画像の透明度を変更できます。(0で完全に透明、1で完全に不透明)※別途、cssで余白を調整している場合は、「top」「left」の値を増減して位置を調整してください。 例)top: calc( -128px - 2em - 5px ); left: calc( (100% - 128px) / 2 + 10px );