Skip to main content
The 2024 Developer Survey results are live! See the results

Questions tagged [fotorama-slider]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
1 answer
24 views

M2.3: fotorama smooth scroll for mobile

I have a problem with the scroll of the gallery's navigation on mobile. On mobile, I put to also have thumbnails <var name="breakpoints"> <var name="mobile">...
Andrew's user avatar
  • 15
0 votes
0 answers
27 views

product gallery extra slide error [fotorama__thumb fotorama__error]

there is showing extra div slide on the product detail page. this happened on some product gallery pages. I have use Magento version 2.4.3-p1 Please help me to fix what is wrong with the gallery page. ...
Gaurav's user avatar
  • 29
0 votes
0 answers
43 views

Magento 2 Fotorama gallery shows white space on the left side when I select thumbnail as a vertical slider

In Magento 2, I will use the Fotorama Gallery thumbnail images as a vertical slider. It works fine for two or more images but when I upload only one image from the admin side and show the image, it ...
Prashant's user avatar
  • 111
0 votes
1 answer
400 views

Magento 2 - Change the Max height of the fotorama gallery

In Magento 2, I changed the fotorama gallery to vertical. Now I want to limit either the maximum number of thumbnails that shows when the page loads or limit the height of the fotorama gallery. As an ...
George's user avatar
  • 51
0 votes
0 answers
391 views

Gallery slider thumbnail not showing all images only 4 images

I'm having some problems this slider, all the products that have more than 4 images the others images are not loading and don't appear any error, but when we open the full image view the images are ...
Arlon Scheidegger's user avatar
0 votes
1 answer
1k views

Fotorama - how to show both, dots navigation and thumbs navigation

Is it possible to show both, dots navigation and thumbs navigation in product page? Like in picture. Thank You.
John's user avatar
  • 1
0 votes
0 answers
290 views

Magento:2 I want to display product image in 1 column vertically instead of using default Fortorama.js. I want to remove slider

I am facing this issue ..I don't want to display product images in default slider which is coming from fotorama.js I want them to displayed as one by one without slider What should I do $...
Anonymous Record's user avatar
0 votes
0 answers
809 views

Magento2 - How to add magnifier zoom effect on fotorama fullscreen?

I need to add magnifier zoom effect in fotoroma fullscreen. Attached the screen shot here.
Mahipalsinh Dodiya's user avatar
2 votes
0 answers
1k views

Fotorama thumbnail gallery is not smoothly scroll Mobile view in magento 2

I have change code in given path Themes\Yourtheme\etc\view.xml Replace: <var name="nav">thumbs</var> To: <var name="nav">dots</var> After cache clean ...
MageCurious's user avatar
  • 2,836
0 votes
1 answer
2k views

Fotorama - change nav arrows in navigation?

I need my gallery to look like this: I struggle to find out, how I can change the navigation so that the arrows are not overlapping the thumbnails: It should be more like this: and how can I change ...
Black's user avatar
  • 3,390
4 votes
2 answers
2k views

Magento 2 + need to use fotorama in cms page

Is there any way to use fotorama slider in CMS pages? Slider: <div id="fotorama_test" class="fotorama"> <img src="https://s.fotorama.io/1.jpg"> <img src="https://s.fotorama.io/2....
Yogesh's user avatar
  • 1,523
2 votes
2 answers
2k views

Magento 2 how to listen to event fotorama fullscreenenter

I am not able to listen to event fotorama:fullscreenenter what I've tried: <script type="text/javascript"> require(['jquery', 'mage/gallery/gallery'], function($, gallery){ $('[...
Juliano Vargas's user avatar
3 votes
0 answers
495 views

Magento 2 Product page remove fotorama slider and display all products images one by one

In Magento 2 Product page I am trying to remove fotorama slider and display all products images one by one as below screenshot. For Configurable products it should change the dynamic values for its ...
Dinesh Rajput's user avatar
0 votes
0 answers
253 views

How to disable catalog image scrolling in details page magento 2.3

Actually in my case for details page base images scrolling is available with mouse.we can scroll it but by looking wise it wont show slider is available there. so i want to disable image ...
Hitesh Balpande's user avatar
0 votes
2 answers
1k views

Change Product Page Fotorama On Element Click

I'm trying to change to a specific image in the product gallery when the user clicks a button to customize their item. So far I have the following code: require( ['jquery', 'jquery/ui', 'mage/...
C Prince's user avatar
1 vote
0 answers
214 views

slider on gallery on product page

I am trying in product/detail page to have all images in the gallery there with no slide to hide some of them, but it seems no possible in no option for view.xml. I can create from scratch gallery....
Luca Cagnassi's user avatar
1 vote
3 answers
2k views

Fotorama gallery multiple breakpoints

When the breakpoint is single everything works fine, when I try to add one more breakpoint, it doesn't work. Here is my code from view.xml. So firstly I need to display nav as vertical thumbs, next ...
Дмитрий Сидоров's user avatar
0 votes
1 answer
1k views

magento 2 change the slider

I want to disable Magento 2 default fotorama image slider and need to set slick slider. How to disable the slider? How to get images for the custom slider.
jayesh mali's user avatar
4 votes
1 answer
2k views

Magento 2 : settings.$elementF.fotorama is not a function

I installed Magento 2.2.2 and getting issue with image gallery js. Product page images are not loading sometimes with below error settings.$elementF.fotorama is not a function
Ajay Patel's user avatar
  • 1,513
0 votes
1 answer
328 views

Apply fotorama in Magento1.9

How to use fotorama in product image as like in magento2. I want to add all functionality like previous/next click , image hove zoom etc. in magento1.9 as like magento 2. How to apply fotorama in ...
Rohan Hapani's user avatar
  • 17.5k
1 vote
0 answers
662 views

Magento2 Product Gallery Fotorama

I got a custom module where I load the images for the product. You can select a image, now I want that this specific image is selected in the Gallery Fotorama. So say for example standard it is ...
Johan's user avatar
  • 581
1 vote
0 answers
2k views

Magento 2 Fotorama - Customise product gallery thumbnail scroll

I currently have the basic Fotorama settings but I'm hoping to change those to have three thumbnails showing at a time. When I click through using the large view next arrow, the thumbnail container ...
Digital_Frankenstein's user avatar
4 votes
1 answer
2k views

Magento 2 Fotorama click event

Is there a way to fire a fotorama click event from a template file? What I am trying to do is have the functionality where, when the user selects an options from the dropdown from the catalog-product-...
Alex Mac's user avatar
0 votes
0 answers
287 views

Magento2: user magnifier widget without fotorama

I am developing a custom theme for Magento 2.1.x based on blank theme. In the product view page, I want to get rid of the fotorama gallery (the images are as normal img tag, ne after another. What I ...
giani.sim's user avatar
  • 1,473
2 votes
0 answers
817 views

Magento 2 replace fotorama with custom plugin with js on product page

Hi I have created jquery custom zoom gallery plugin. And want to replace default fotorama with mine on product page. For this purpose I want to use magento 2 plugin. Which I already started and ...
Payalord's user avatar
  • 131
3 votes
2 answers
3k views

Magneto2 - How can I remove product image fullscreen and zoom in mobile product page

I want to enable product zoom and fullscreen light box on desktop but disable them on mobile. I am working on 2.1.6 in theme etc/view.xml. I can remove/enable product images fullscreen light box on ...
Wenping Guo's user avatar
4 votes
0 answers
1k views

Magento 2 fotorama slider show more than 1 image at a time

I want to show 3 product images at a time on Product detail page. Here is the example image: But fotorama image only show 1 image at a time on slider. It doesn't have slides or items options to set ...
Ronak Chauhan's user avatar
0 votes
2 answers
4k views

How to fix images for some products not resizing?

For some reason, the image gallery for certain products isn't resizing its main image, but other products are doing it fine. Here's an example of a product that isn't working. Here's an example of one ...
A Decker's user avatar
  • 103
1 vote
0 answers
918 views

change fotorama slider

I want to place the fotorama slider in an absolute div that is behind other elements. Also the slider should behave like the css background property cover. I found that the slider plugin used has an ...
steros's user avatar
  • 1,622
3 votes
0 answers
1k views

Fotorama gallery on pages

I'm trying to load fotorama on a cms page and some category pages which are custom. The JS doesn't load on it's own so I thought I was being clever and added this to one of my theme's js files. // ...
jamil's user avatar
  • 985
0 votes
4 answers
4k views

Magento2: how can I resize the image used in gallery in the product page.

In magento2 product page, the image gallery is rendered by fotorama. The image size is exactly the same as the one upload to product. Is it possible to resize all the image to the same size/ratio? ...
Wenping Guo's user avatar
8 votes
7 answers
20k views

How to change div fotorama__stage height on product view page

How can I change height in the below code on Product detail page <div class="fotorama__stage" data-fotorama-stage="fotorama__stage" style="width: 462px; height: 372px;"> I have tried below ...
Anshu Mishra's user avatar
  • 8,990
2 votes
2 answers
2k views

How to change max-width in the product gallery in Magento 2

How to change max-width in the product gallery in Magento 2 by using below code. <div class="fotorama__stage__shaft fotorama__grab" tabindex="0" data-gallery-role="stage-shaft" style="width: 684px;...
user48677's user avatar
1 vote
1 answer
1k views

fotorama breakpoints not working for nav [closed]

I have the breakpoint set to use dots for nav on mobile but they are not working. The nav stays as thumbs. Any suggestions? <var name="breakpoints"> <var name="mobile"> ...
Tyler Nichol's user avatar
1 vote
1 answer
6k views

Remove Fotorama and output only images (Magento 2)

Trying to figure out how to remove Fotorama from product detail page and just output all the images on page. I want to make another style for this part. Since longtime searching for this.
Fred August's user avatar
14 votes
3 answers
16k views

How can we load product image gallery instantly without the delay in magento?

this is my first question bare with me :) Problem: The fotorama gallery used in Magento 2 makes the user experience sluggish. It does not matter how fast my cached static Magento 2 runs if the product ...
Fancyman's user avatar
  • 509
1 vote
1 answer
4k views

Magento 2: How to set first image of slider in fotorama js after cancel fullscreen popup in product detail page

Magento 2: How to set first image of product slider after cancel or exit fullscreen popup of image slider. By default its display current selected image after exit popup in detail page. I have to ...
Rakesh Jesadiya's user avatar
2 votes
1 answer
3k views

Fotorama Fullscreen has a problem when leaving fullscreen mode in Magento2

On a lot of mobiles or ipads, I had tried to click open the fullscreen and then exit fullscreen. The page will dead every time. Should I check the fotorama version ….? Or any solution for this problem?...
UFan Lin's user avatar
2 votes
2 answers
10k views

Magento2 : How to disable product image slider on detail page?

I want to disable product image slider on product detail page, only in desktop and tablet view. also all product images visible in same. other all images functionality must work like images open in ...
Suresh Chikani's user avatar