Crocoblock / suggestions

The suggestions for CrocoBlock project
191 stars 78 forks source link

JetProduct Gallery: Vertical Slider Thumbnails Lose Proportion #7567

Open ricardoaraujo330 opened 2 weeks ago

ricardoaraujo330 commented 2 weeks ago

Description:

I'm experiencing an issue with the JetProduct Gallery widget when the slider direction is set to vertical and pagination is set to "thumbnails." The thumbnails lose their proportion, and it's not intuitive how to set their height. The width is adjustable in the style tab, but height-related elements are scattered between the edit and design tabs, making the plugin very confusing.

Steps to Reproduce:

Set the JetProduct Gallery widget slider direction to vertical. Set pagination to "thumbnails." Adjust the width of the thumbnails in the style tab. Notice the disproportion of the thumbnails and the scattered height settings. Expected Behavior: Thumbnails on the left side of the main product image should occupy the full height, matching the height of the main product image.

Actual Behavior: Thumbnails on the left side of the main product image do not occupy the full height and do not match the height of the main product image.

Support Response: I reached out to support, and here’s the response:

As a rule, to have the images of the same size inside the slider, we need to choose the needed option in the dropdown https://prnt.sc/O1OcMko54mV-
But if you have images that have different aspect ratios - this would not work.
After investigating this issue, we reached the conclusion that it would be great to create our own size, which will suit all of us, and additionally, it will have the crop functionality so that the size corresponds to the set value. Here's documentation with the method of how to create it https://developer.wordpress.org/reference/functions/add_image_size/
Here's how the size of the crop is managed https://prnt.sc/S-DZ06kvld-- - the 3rd parameter is very important. Here's the example of how you can create it in the child theme https://prnt.sc/E-Tg6PwSNu0- with such verification https://prnt.sc/Bh5cXBWkRKk
When it's done, we need to elaborate on the next step. We need to regenerate the images if they're already uploaded to the website - as an example, you can use this plugin https://wordpress.org/plugins/regenerate-thumbnails/
Note please, that you need to regenerate the images which are already uploaded to the website only. All images which will be uploaded to your website AFTER creating a custom size will have this adjusted size.

Attachments:

Desired Outcome:

2

Example of What I Get:

1

Example of What I Want to Achieve:

Additional Context: The current configuration options are not sufficient to achieve a uniform thumbnail display. The settings need to be more streamlined and centralized, particularly for height adjustments in vertical slider configurations.

Suggestions:

Consolidate height and width settings for thumbnails in the style tab. Ensure thumbnails maintain their aspect ratio. Provide more intuitive controls for thumbnail dimensions.

Thank you for your attention to this matter. I look forward to a resolution that enhances the usability and functionality of the JetProduct Gallery widget.