Crocoblock / suggestions

The suggestions for CrocoBlock project
195 stars 78 forks source link

row gap and column gap for product grid widget. #6226

Open 79ho3ein opened 1 year ago

79ho3ein commented 1 year ago

Please, describe the feature request, making it clear to understand.

Hi

As you know, in the product grid widget, if the carousel is disabled, the products are displayed in a grid. In grid mode, there is no option to control row gap and column gap. Instead, we only have the option of padding instead of these two options. But the padding option for setting row gap and column gap in the grid is not really suitable. But it is suitable for the carousel.

i think it is much better to have only two row gap and column gap options in the style tab when we add the product grid widget (the default is grid). Also, do not display the padding option. But when we activate the carousel, in the style tab, row gap and column gap options are removed and only padding is displayed. This is a great and logical method.

If you decide to add row gap and column gap to this widget, please pay attention to the following description.

In the Jet Engine plugin listing, we have two options: row gap and column gap. But there is a problem with it...

If we consider for example 20px row gap, half of this value is also applied at the top of the grid. Please see this screenshot. While this should not happen. row gap and column gap should only be applied between two columns/rows.

But in Elementor Loop Grid widget, this is done correctly : https://prnt.sc/pWwMrrwohXL-

thank you

morosmo commented 1 year ago

+1, Jet engine lsiting grid widget has spacing top problem, Please fix this asap. Thanks

Michaelgimii commented 1 year ago

+1

ricardoaraujo330 commented 3 months ago

+1 please fix it or let me know if you have any ETA Thank you

ricardoaraujo330 commented 2 months ago

This is here since 2022. Please release a fix for this!