ご回答ありがとうございます。
頂いて回答で
■スマートフォン表示で商品画像クリック後の左右画像切替の矢印を常に表示するスタイル
@media screen and (max-width: 700px) {
.lb-nav a.lb-next{
opacity: 1!important;
}
.lb-nav a.lb-prev {
opacity: 1!important;
}
}
こちらですが、PC上でレスポンシブにすると反映が確認できるのですが、iphoneで見た場合反映されていないのですがなにか問題ございますでしょうか？
また下記の件はどのような変化が起こっているか確認ができません。
当店のdesign.cssの最下部に追加しております。
なにか間違っていたりしますでしょうか？
ご指南いただければ幸いです。
@media screen and (max-width: 700px) {
.thumbnail_group_all.thumbnail_group_origin {
display: flex;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.item_detail .item_image_thumbnail .item_image_thumbnail_frame { /* サムネイル画像を大きく */
width: 68px;
height: 68px;
flex: 0 0 68px;
}
}
PCで画面幅を調節した際とスマホ(iPhone)で見た際に反映がされない場合、
スマートフォン用のテンプレートを別で指定している可能性がございます。
デザイン設定(店長ナビ>拡張設定)にて[デザインテンプレート]タブの横に[スマートフォン用テンプレート]タブがございます。
スマートフォン用に切り替えていただき、適用中テンプレートの[CSS]から「design.css」に追加してください。
商品画像の2枚目以降のサムネイルを2列表示とせず1列に収めるスタイルに関しましては、
画像が複数(画面サイズにより異なりますが6枚以上)の時にスワイプにて登録されている画像を
表示させることが可能です。
※自動でスライドされる様な仕組みとは異なりますので予めご了承ください。