Style of product in archive

Hello,

Check the image bellow.
I would like to only show in the archive :
– Name of product
– Price
– Heart (whichlist top of right image)

Not hover effect, not add to cart button. But when the customer click on the product, the single page open and it’s normal page (with add to cart button) so I don’t want catalogue mode.

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the Theme’s Layout Builder you can create Custom Layouts for WooCommerce pages like Shop, Category, Single Product page, Cart, and Checkouts. You can use that to create your own custom layouts for these pages. Try to use a product grid or carousel and set the products hover design “small”.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

Thank you.
It’s already what I did.
But in “small”, the text is beside not under the image (see attachment)

So how can I do this ?

Another question : How can I make “read more” button ? (see attachment)

Attachments:

You must be logged in to view attached files.

Hello,

01. Navigate to Theme Settings > Product Archive > Product Styles > Product title lines limit. Set the number of product title lines if it does not fit on one line.
https://ibb.co/2kztmN5

02. Please follow this guide and add the read more button.
https://xtemos.com/docs-topic/read-more-button-for-text-or-section-row/

Best Regards

Hello,

It’s already on the 1 line like you can see on the picture I previous sent to you….
Is not my question.

Hello,

Try to Set the number of product title lines “None” and check the issue.

Best Regards

My request is : I don’t wan’t to show add to cart button over the image.
I want the same design than ““small” design but with the texte under the image (check my exemple in attachment).

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the page URL so I will check and give you a possible solution?

Best Regards

Hello,

In private, find the URL.
You will see several products carrousels, I don’t want to show add to cart button on the main image I would like same design than “small” style but with text under the image like my exemple on the previous picture.

Other question (issue) :

Cookies bar on the mobile : when we accept the cookies the bar still to show under the nav bar (see in attachment)

Attachments:

You must be logged in to view attached files.

Hello,

01. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.product-grid-item .wd-add-btn {
    display: none;
}

If you want to disable hover, navigate to theme settings > products archive > Products styles > disable the option “Hover Image”.

02. After accepting the cookie, it is working fine and not shown.
https://ibb.co/ZYLcX4B

Best Regards

01. It’s exactly What I want, thank you a lot !

02. I tried on 5 mobiles and same issue, we can see this when we scroll. If you just open windows it’s OK but when we scroll the cookie bar appear

Hello,

Can you please record a short video for better understanding to reproduce the issue on your site.

Best Regards

[Author]

Posts