レフトナビに新たにコンディション別・カラー別カテゴリーを作りたい。

Question

お世話になります。

当店は古着屋をしておりますが、レフトナビにコンディション別及びカラー別カテゴリーを作りたいと
思っております。何度かチャレンジしてみましたがうまく行きません。ご指導よろしくお願いいたします。

参考にしたい他店のサンプルを貼ります。

よろしくお願いいたします。###HR######IMG089bb52710fcd515f7a1fe25692adfb01.pngIMG0### ###IMG1c044cce41107ea7b0d38741f3e0dfee0.pngIMG1###

Accepted Answer

ECマスターズの田辺です。

それではテキストに対してとで
囲っていただきますようお願いいたします。

おそらく8pxでは大きすぎてしまうと思いますので
で表示をご確認くださいませ。


コンディション別でさがす


【Nランク】
【Sランク】
【Aランク】


【Bランク】
【Cランク】
【Dランク】

Answer

ECマスターズの田辺です。

例えばコンディション別のカテゴリを設定していただいて
各カテゴリにリンクを飛ばしたり、

店舗内検索でカラーを絞ったときのページURLを
リンクとして設定したりすることで
実現できると思いますが

具体的にどのような作業をされて
どのようなところでうまくいかないか
教えていただいてもよろしいでしょうか。

Answer

七周年記念のお忙しいところ恐縮です。

以前スマホページのロゴマークのカテゴリー設定で教えて頂いた形でやってみたのですが
上手く行きませんでした。以下に画像添付。

tr と td　タグがうまく使いこなせずうまく表に出来なかったのです。
画像３の様に表が作れませんでした。

今現在、レフトナビにはコンパス使用のカテゴリーバナーがあるのですが、あまりパッとしないので
少ししゃれたカテゴリーページを作りたかったのです。（画像参照）###HR######IMG09f31f21b0c5a9018f2f9fb1ee562be04.pngIMG0######BR###

Answer

画像２###HR######IMG0353a46df4093a222471a71e5560a88da.pngIMG0######BR###

Answer

画像3###HR######IMG0f20bb13374f29531c4cf57882cec0437.jpegIMG0######BR###

Answer

ECマスターズの田辺です。

お気遣いいただきありがとうございます。

tableタグについてのご質問ということですね。

もしtr,tdの使い方が難しいということでしたら
こちらのtableタグ作成ツールをご利用くださいませ。
http://www.tagindex.com/tool/table.html

例えば画像３を実現させる場合、
「列数と行数」に
列数を２、行数をコンディションの種類数をご記入いただき、

1-1にN
1-2に新品未使用品…
というように当てはめてご利用ください。

一番上の「コンディション別でさがす」を
tableに含めることもできますが
難しく感じてしまうと思いますので
例えば以下のようにdivなどで記述していただくのはいかがでしょうか。

例）
コンディション別でさがす


N
テキストや画像


S
・
・
・
（略）

まずは実際にお試しいただき、
ご不明点がございましたら
作成していただいたタグと一緒にご質問いただけますと幸いです。

Answer

田辺様　ありがとうございます。

やってみます。

Answer

お世話になります。
レフトナビのコンディション別カテゴリーはいちようの完成はしましたが、
表の様に枠がありません。どこか間違ってますよね。
ご指導のほどよろしくお願いいたします。

弊社のページと他店の見本の画像添付します。###HR######IMG09e939d56f5652e062f86a02e8ebc94b1.pngIMG0######BR###

Answer

他店の見本###HR######IMG08fff65bf234b5d20cfda52c4866139b9.pngIMG0######BR###

Answer

URLを貼るのわすれました。
以下の通りです。

コンディション別でさがす



















###HR######IMG06dd6c38d26e956878d8564aeb76d334d.pngIMG0######BR###

Answer

ECマスターズの星です。

休み明けに担当より回答させていただきますので、
恐れ入りますが今しばらくお待ちくださいませ。

Answer

ECマスターズの田辺です。

お待たせいたしました。

の中に border="1"と cellspacing="0" を
半角スペースで区切ってご記入いただくことで線をつけることができます。

例）

tableタグ作成ツールにて

・枠線の表示…表示する
・外枠の太さ…1
・セルの間隔…0
に指定していただくことで同様のタグを作成することもできます。

ですが、こちらの方法ですと参考例に比べて
線が太いのでもしよろしければを以下にご変更ください。


　↓



また、につきましても
以下のようにご変更いただくことで
参考例に似た線をつけるをつけることができます。


　↓


※とに薄いグレー（#888）の線をつけておりますが
お好みの色にご変更いただいても構いません。

Answer

お世話になります。
お陰様で、レフトナビにコンディション別カテゴリー設置出来ました。
ありがとうございました。

また、同じものをスマホページにも貼りたいと思いますが同じタグだと左へ寄ってしまします。
どの様にしたらうまく収まるでしょうか？

よろしくお願いいたします。###HR######IMG06b1df587f7cb126772b6b2893cc58abc.pngIMG0######BR###

Answer

ECマスターズの田辺です。

「コンディション別でさがす」を
とで囲っていただき、

の中に width="100%" を追加していただければ
スマホの幅に合わせて表示されます。

項目につきましては
各 〜をとで
囲っていただければ中央に寄りますが、
元の画像が小さいのでどうしても左右に
余白はできてしまいます。

気になる場合には
今よりも横長の画像をご用意くださいませ。

Answer

田辺様お世話になります。

スマホのカテゴリーページなのですが、文字数オーバーでコンディション別カテゴリーをテキストにしたのですが左へ寄ってしまいます。

ご指導ください。

コンディション別でさがす

 
【Nランク】
【Sランク】
【Aランク】


【Bランク】
【Cランク】
【Dランク】





よろしくお願いいたします。

Answer

ECマスターズの田中です。

いただいたソースですと、
 〜 
のように、タグでタグを囲む形になっておりますので、
 〜 
のように、逆にタグでタグを囲む形に修正してください。

テーブル全体の位置はタグで決まっており、
タグを他のタグで囲んでも影響を及ぼしません。

タグの直下には（もしくは）タグだけ、
更に申し上げるとタグの直下にはタグだけ
ご記載いただくことを心がけていただきますようお願いします。

Answer

ECマスターズ田中様。お世話になります。
後、最後にテキスト文字をスマホのブラウザに合うサイズに大きくしたいのですが
上手く出来ませんでした。初歩的な質問ばかりで恐縮です。

ご指導ください。よろしくお願いいたします。###HR######IMG015ef6d05446512b1a765149272d32510.pngIMG0######BR###

Answer

田辺様、ありがとうございました。

また、ご指導ください。