Product grid customizing

This topic has 12 replies, 2 voices, and was last updated 2 years, 4 months ago by Elise Noromit.

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
February 18, 2023 at 11:36 pm #444340

arctica
Participant

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.

February 19, 2023 at 6:32 am #444380

Elise Noromit
Member

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

February 19, 2023 at 12:54 pm #444415

arctica
Participant

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.

February 19, 2023 at 7:35 pm #444455

arctica
Participant

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.

February 20, 2023 at 7:54 am #444527

Elise Noromit
Member

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

February 20, 2023 at 9:00 pm #444783

arctica
Participant

Please find the admin access in a private area.

February 22, 2023 at 2:42 am #445232

Elise Noromit
Member

Hello,

Could you kindly check the site access?

Unfortunately, I cannot log in.

Best Regards

February 22, 2023 at 9:22 am #445275

arctica
Participant

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

February 23, 2023 at 5:49 am #445578
Elise Noromit
Member
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
February 23, 2023 at 12:15 pm #445662

arctica
Participant

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 ?

February 25, 2023 at 2:20 am #446162

Elise Noromit
Member

Hello,

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

Best Regards

February 25, 2023 at 7:54 am #446201

arctica
Participant

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

February 27, 2023 at 5:15 pm #446776

Elise Noromit
Member

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