Product Gallery Widget: How to increase width of zoomed viewer?

Nick Medrano

December 17, 2021 11:21

I am trying to set up the product gallery widget to have a user experience like Amazon's product viewer. I got it pretty close, however, I'm having an issue where I don't know how to increase the width of the viewer (the image zoomed in). 

In the screenshot below, how would I go about increasing the width of the zoomed in image so it covers the green and yellow columns?

 

Example of expected output (taken from Amazon.com):

I do have a minimal reproduction of my code in case someone wants to fiddle with it:

https://codesandbox.io/s/post-layout-with-flyout-image-8dxb6?file=/pages/index.vue

0

• 

  Millie Axelrod

  December 22, 2021 10:47

  Hi Nick, 

  I'm afraid that currently there isn't a way to increase the zoom Flyout window dimensions. I have raised a feature request to our product team and will make sure to update if this option becomes available (ref: CSFRQ-312).

  Please let me know if there is anything else I can assist with.

  Regards,
  Millie 

   

  0

Post is closed for comments.