MakeShop クリエイターモード cssについて

Question

お世話になります。

MakeShop クリエイターモードの「&more」のテンプレートを利用してサイトを運営しております。
サイトURLを書けないのでテンプレートで御指南いただきたいのですが、
下記ページのサムネイルのスタート位置がセンターになっている箇所を
css等で左端スタートに変更するとことは可能でしょうか？

https://tplandmore.makeshop.jp/view/item/000000000017

MakeShopに問い合わせてもこのテンプレートはセンターなので、
他のテンプレートを使うように言われてしまいました。

どうぞよろしくお願い致します。###HR######IMG017f49fb897ac8ac741c8abe94e79cba7.jpegIMG0###

Answer

ECマスターズの土屋です。

頂いたご質問に関しまして、
順次回答してまいりますので
少々お時間頂きますようお願いします。

Answer

ECマスターズの土屋です。

>MakeShop クリエイターモードの「&more」のテンプレートを利用してサイトを運営しております。
>サイトURLを書けないのでテンプレートで御指南いただきたいのですが、
>下記ページのサムネイルのスタート位置がセンターになっている箇所を
>css等で左端スタートに変更するとことは可能でしょうか？

ご連絡が遅くなり申し訳ございません。

こちらに関しまして、
CSSでは、表示位置の変更を行うことはできないため、
対策方法としまして、別のプラグインを利用して頂くか
別途JavaScriptの記述が必要になります。

どうぞよろしくお願いします。

Answer

調べて頂きありがとうございます。
cssではなくJavaScriptで対応できるかもしれないのですね。
jsも編集できるので、添付します。
修正箇所を教えて頂ければ助かります。

Answer

ECマスターズの土屋です。

>cssではなくJavaScriptで対応できるかもしれないのですね。

技術的には可能だと思われます。
ご不明点等ございましたら
お答えできる範囲でお答えさせて頂きますので
ご相談くださいませ。

Answer

ありがとうございます。
昨日添付したのですが、画像でなかったのでできていなかったようです。
直接jsを書きますが、回答後に削除いたします。
下記は商品ページの編集できるJSの部分です。
これとサイト全体の共通のjsもあるのですが、とりあえず商品ページ用としてあるjsを貼り付けてみます。どうぞよろしくお願い致します。


こちらの文章はECマスターズのスタッフにより削除されました。

Answer

ECマスターズの土屋です。

ソースコードのご共有誠にありがとうございます。

お調べいたしました所、
下記のソースのcenterModeのソースをfalseに指定することで
対応することができます。

ーーーーーーーーーーーーーーーーーーーーー
$('.item-image-thumb').slick({
    slidesToShow: 5,
    swipeToSlide: true,
    asNavFor: '.item-image-list',
    centerMode: false,
    focusOnSelect: true,
    arrows: false
});

centerMode: false, ← こちらをtrueからfalseに変更してください。

是非一度こちらをお試し頂けますと幸いです。
どうぞよろしくお願いします。

Answer

さっそく教えて頂きありがとうございます。

試しました所、うまくいきました。
jsの知識がないため、助かりました。
ありがとうございます。

今後ともよろしくお願いいたします。

Answer

jsの全文が載っている箇所は、削除お願いします。
載せておいてよいものかどうか、分からないので。
お手数をおかけします。
どうぞよろしくお願い致します。

Answer

ECマスターズの土屋です。

先程はお電話ありがとうございました。

JSが乗っている部分のみ削除させていただきました。
引き続きどうぞよろしくお願いします。