縦バラ－リングについて

Question

いつもお世話になります。
トップペッじ左側に縦バラ－で商品画像と商品リングを複数に設定したいですが、設定方法とタグを教えて頂きませんか？

よろしくお願いします

Answer

ECマスターズの田中です。

ページの左に、スクロールしても動かないバナーを
複数設置されたいということで間違いないでしょうか。

https://ec-masters.club/forum/post_view.php?id=1840
上記質問の1つ目の返答にて、固定バナーの設置方法をご紹介しておりますので、
まずは設置方法をご覧いただき、
紹介されているHTMLタグの中にある
right: 0px;
の「right」を「left」にご変更いただいて、
バナーを一つ設置してみてください。

2つ目以降のバナーは、
 タグと  タグの間に
タグを記載していくことで追加していくことができます。

Answer

ご回答有難うございます。





 

 



#sidefixedbanner {
top: 0px; / ←数字を増やして、上からの位置を調整できます /
left: 0px; / ←左端に固定する場合は、rightをleftに変更してください /
z-index: 10;
display: block;
width: auto;
position: fixed;
}

上記のタグのよう二つ商品バナーとＵＲＬを試しましたが、二つの距離はかなり離れています。
しかも、表示された場所はレフトナビの上部分。レフトナビより左側の白い部分に表示させたいです。
お手数ですが、よろしくお願いします。

Answer

ECマスターズの田中です。

レフトナビの上部分にいただいたタグを記載したところ、
2つ目のバナーが、レフトナビの上部に表示されたということで
間違いないでしょうか。

こちらのHTMLタグは、
 と  の間の内容を
画面左端に固定するものですので、
別途を書いた場合、位置の変更が適用されません。

2つ目のバナーを追加する場合は、







のように、内に追加していただくようお願いいたします。

それでも問題が発生する場合は、
実際にご設定いただいた様子を確認する必要がありますので、
実際に適用していただき、確認できる商品の商品管理番号をお知らせいただけますでしょうか。

全商品に適用されると問題のある場合は、
ヘッダー・フッター・レフトナビのコピーを作っていただき、
1商品だけに対して表示設定していただければ結構です。

Answer

田中様
ご返信ありがとうございます。

今二つ商品を設定致しました。品番はBEST099とBEST100。でもこの二つ商品は表示させた場所はレフトナビの中。

表示させたい場所はレフトナビより左側(今のトップページ｢スーパーＳＡＬＥポイント10倍｣という縦バナーの場所）
どうすれば今表示させたい場所で表示されますか？

Answer

ECマスターズの清水です。

後ほど田中より回答させていただきます。
今しばらくお待ちくださいませ。

Answer

ECマスターズの田中です。

私にて、ご案内した
https://ec-masters.club/forum/post_view.php?id=1840
で紹介されているHTMLタグに、誤りがありました。
ご迷惑をおかけして申し訳ありませんでした。

HTMLタグの中に含まれる、

/ ←数字を増やして、上からの位置を調整できます /
/ ←左端に固定する場合は、rightをleftに変更してください /

以上2箇所を、それぞれ

/* ←数字を増やして、上からの位置を調整できます */
/* ←左端に固定する場合は、rightをleftに変更してください */

に修正していただけますでしょうか。
（文章前後の / を、/* と */の組み合わせに変更しております）

https://ec-masters.club/forum/post_view.php?id=1840
の返信内容につきましても、私にて修正を行わせていただきました。