• 文字サイズ


解決済

スマホカテゴリの画像について

  • 相談者:非公開
  • 2019/05/23 00:22
大変お世話になっております。

下記ビーバイ様の投稿とおり行いましたが画像がうまく表示されませんでした。
https://forum.ec-masters.net/post_view.php?id=8940

下記をGOLDにアップ

jQuery(document).ready(
function() {
//画像変更
jQuery('#sCSLContainer').each(
function(){
var txt = jQuery(this).html();
jQuery(this).html(txt.replace(/fitin=90:90/g,"fitin=360:360"));
}
);
})

下記をカテゴリページ共通説明文に

<style ="">
/* <<< */
div#sCSLContainer {
display: flex;
flex-wrap: wrap;
}
div#sCSLContainer>a {
width: 50%;
}
div#sCSLContainer>a>div {
padding: 0px;
}
div#sCSLContainer .sCSLBox01,div#sCSLContainer .sCSLBox02 {
display: block !important;
background-position: calc(100% - 0px) calc(100% - 12px);
border-bottom: none;
background-color: transparent;
margin-bottom: 16px;
}
#sCSLContainer .txtheight {
min-height: 20px;
margin: 8px 0;
}
#sCSLContainer .txtheight .ctgItemNormal {
line-height: 1.4;
}
#sCSLContainer .txtprice {
text-align: left;
}
#sCSLContainer .inLeft {
width: 48vw !important;
height: 48vw !important;
}
div#sCSLContainer .sCSLBox01 div.inLeft img,div#sCSLContainer .sCSLBox02 div.inLeft img {
max-height: 100% !important;
max-width: 100% !important;
}
</style ="">

この様に記載しましたが、添付画像の様に表示されてしまします。

どこの部分を修正したら枠いっぱいに商品画像が表示されるのでしょうか。

宜しく御願い致します。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2019/05/23 13:22
ECマスターズの伊藤です。

> どこの部分を修正したら枠いっぱいに商品画像が表示されるのでしょうか。

ページを拝見させていただいたところ、JSファイ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/05/23 13:45
伊藤様

大変お世話になっております。

うまく表示する事ができました。

ありがとうございます。………(省略)………
  • 返信者:非公開(質問者)
  • 2019/05/23 13:58
解決済みにしましたが、もう一つ教えて頂ければと思います。

添付画像の様に画像は大きく表示できましたが、全体的に左に寄ってしまいます。

改善する方法を………(省略)………
  • 返信者:非公開
  • 2019/05/23 16:03
ECマスターズの伊藤です。


> 添付画像の様に画像は大きく表示できましたが、全体的に左に寄ってしまいます。

> 改善する方法を教えて頂けると幸い………(省略)………
  • 返信者:非公開(質問者)
  • 2019/05/23 22:05
伊藤様
大変お世話になっております。

ありがとうございます。

助かりました。………(省略)………
  • 返信者:非公開
  • 2019/05/24 11:13
ECマスターズの伊藤です。

無事、ご希望のレウアウトにしていただけたようで安心いたしました。

また、なにかございました、ご質問くださいませ。………(省略)………
このフォーラムへの質問は終了しました