Questions tagged [fotorama-slider]

The tag has no usage guidance.

22 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4
votes
0answers
1k 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
4
votes
0answers
713 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 ...
3
votes
0answers
789 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. // ...
2
votes
0answers
144 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 ...
2
votes
0answers
742 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-...
2
votes
0answers
621 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 ...
2
votes
2answers
1k 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;...
1
vote
0answers
132 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 ...
1
vote
0answers
104 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....
1
vote
1answer
631 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 ...
1
vote
0answers
588 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 ...
1
vote
0answers
1k 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 ...
1
vote
0answers
753 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 ...
0
votes
0answers
20 views

Hot to set maxSlide and minSlide in fotorama js Magento2?

I use the vertical fotorama slider in the product view, the slider has 12 thumbnails, I added maxheight": "400", to gallery.phtml and now the height slider is 400px, and for the first 4 thumbnails are ...
0
votes
1answer
36 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 $...
0
votes
0answers
71 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.
0
votes
1answer
345 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 ...
0
votes
0answers
49 views

Magento 2 Product page Fotorama thumbnail configure it to display 3 items per slide instead of 4

Product page, I would like show 3 thumbnail items per slide how can I achieve this: at the moment as example: the image above show 4 and bit I would like to set to 3 then the arrow should appear on ...
0
votes
0answers
87 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 ...
0
votes
1answer
555 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/...
0
votes
0answers
232 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 ...
0
votes
4answers
2k 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? ...