- Magento 2 Frontools – Set of front-end tools for Magento 2 based on Gulp.js
Étiquette : Magento 2.x
[Magento 2.x] Les options du slider Fotorama natif
Magento2 : How to disable product image slider on detail page. Dans /theme_folder/etc/view.xml
:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<vars module="Magento_Catalog"> <!-- Gallery and magnifier theme settings. Start --> <var name="gallery"> <var name="nav">thumbs</var> <!-- Gallery navigation style (false/thumbs/dots) --> <var name="loop">true</var> <!-- Gallery navigation loop (true/false) --> <var name="keyboard">true</var> <!-- Turn on/off keyboard arrows navigation (true/false) --> <var name="arrows">true</var> <!-- Turn on/off arrows on the sides preview (true/false) --> <var name="caption">false</var> <!-- Display alt text as image title (true/false) --> <var name="allowfullscreen">true</var> <!-- Turn on/off fullscreen (true/false) --> <var name="navdir">horizontal</var> <!-- Sliding direction of thumbnails (horizontal/vertical) --> <var name="navarrows">true</var> <!-- Turn on/off on the thumbs navigation sides (true/false) --> <var name="navtype">slides</var> <!-- Sliding type of thumbnails (slides/thumbs) --> <var name="transition"> <var name="effect">slide</var> <!-- Sets transition effect for slides changing (slide/crossfade/dissolve) --> <var name="duration">500</var> <!-- Sets transition duration in ms --> </var> <var name="fullscreen"> <var name="nav">thumbs</var> <!-- Fullscreen navigation style (false/thumbs/dots) --> <var name="loop">true</var> <!-- Fullscreen navigation loop (true/false/null) --> <var name="keyboard">true</var> <!-- Turn on/off keyboard arrows navigation (true/false/null) --> <var name="arrows">false</var> <!-- Turn on/off arrows on the sides preview (true/false/null) --> <var name="caption">false</var> <!-- Display alt text as image title (true/false) --> <var name="navdir">horizontal</var> <!--Sliding direction of thumbnails in full screen(horizontal/vertical) --> <var name="thumbwidth">150</var> <!-- Width of thumbnails in fullscreen --> <var name="thumbheight">150</var> <!-- Height of thumbnails in fullscreen --> <var name="navigation_carousel">true</var> <!-- Display navigation thumbs as carousel (true/false) --> <var name="transition"> <var name="effect">dissolve</var> <!-- Sets transition effect for slides changing (slide/crossfade/dissolve) --> <var name="duration">500</var> <!-- Sets transition duration in ms --> <var name="carousel">true</var> <!-- Display navigation thumbs as carousel (true/false) --> </var> </var> </var> |