Product grid customizing

Dear Support Team,
Where could I edit the product grid look ? Both in Ajax product tabs and on a standard product list.

Attachments:

You must be logged in to view attached files.

Hello,

You need to find the Design section and select another product design. You can preview in the Theme Settings > Product Archive > Product Styles.

If you have any questions please feel free to contact us.

Best Regards

Thanks Elise. You helped me a lot. However, I need more customizing and couldn’t find the relevant option among those available in theme setting. Please have a look at the attached screenshot and advise me if such an option is availabel somewhere. If not, please indicate to me which part of code I could change to achieve requested effect. Thank you in advance.

Attachments:

You must be logged in to view attached files.

Also, I’d like to customize the product list in the Ajax Product Tabs. I can see that there are some options in Elementor. However, none of these meet my client expectation. Is it a code I coudl modify to achive expected results ?

Attachments:

You must be logged in to view attached files.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

Please find the admin access in a private area.

Hello,

Could you kindly check the site access?

Unfortunately, I cannot log in.

Best Regards

Dear Elise,
I put all the details in the private section. Please let me know if you’ve managed to log in.

Hello,

You can change the style in the widget settings: https://gyazo.com/4d1f450a7992bab2b984da0e5e35273e

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-hover-icons .wrapp-buttons {
    visibility: visible;
    opacity: 1;
}

This code would make the icons always visible.

As for the alignment, please check this manual: https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

Best Regards

Hello,
Thank you for the assistance. Could you possibly indicate to me the file with the grid layout code ? Is it possible to create a new layput myself ?

Hello,

Could kindly clarify what changes you need: HTML or CSS?

Best Regards

Hello,
I think both. Need to change look and order of the buttons and also change the hoover effect.`

Hello,

Unfortunately, it is not possible to change CSS in WoodMart. You can add custom CSS to the Theme Settings > Custom CSS.

In order to change the button, you need to detect what hover is applied: https://monosnap.com/file/MbFe3WcZ7vdLLoLQbHCYs7A8h9TaOd

Then you need to copy it into the child theme and edit as per your needs.

Best Regards

[Author]

Posts