• 文字サイズ
解決済

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

  • 相談者:非公開
  • 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 ="">

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

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

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




  • 返信者:非公開
  • 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マスターズの伊藤です。

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

また、なにかございました、ご質問くださいませ。………(省略)………