move left product gallery on product page
-
14-03-2021 - |
문제
How to move the slider to the left of the main picture?
해결책
You can follow this link
magento 2.2.2 - How to transfer the product thumbnail to the left side
Modify your theme view.xml file
<vars module="Magento_Catalog">
<var name="gallery">
<var name="navdir">vertical</var> <!-- Sliding direction of thumbnails (horizontal/vertical) -->
</var>
</vars>
also this your css file
.product.media .gallery-placeholder .fotorama__stage{ left: 0 !important; }
.product.media .gallery-placeholder .fotorama__nav-wrap--vertical.fotorama__nav-wrap{ right: 0; text-align: right;}
.product.media .gallery-placeholder .fotorama__nav--thumbs{float: right;}
다른 팁
you can easily do it by css, Please add this following css in your existing css file:
.fotorama__stage__shaft.fotorama__grab {
margin-left: -120px !important;
}
제휴하지 않습니다 magento.stackexchange