Product Rating in Product Card .

how can i display the product rating in product card and change the product title and amount font size?

Attachments:

You must be logged in to view attached files.

Hello,

To display rating you need to have some reviews of the products then it will be displayed to the products.

And to increase the font-sizes. You can use advanced typography settings under Theme Settings >> Typography.

You can read our detailed documentation for further help:
https://xtemos.com/docs/woodmart/advanced-typography-settings/

Regard’s.
Xtemos Studio.

thank you i have updated the product font size. what did you do to enable the product ratings ? and how can i fix the product cards bottom alignment ??

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

I saw the screenshot you attached.

1) I have done nothing. The product rating is WooCommerce functionality and you need to have at least one review to display it. I have just guided you on how it works.

2) This is not an issue by any means the alignment is off because the product has a star rating to it. Please try adding at least one review of all the products. So that all the products will be displayed aligned.

Regard’s.
Xtemos Studio.

how can i leave a blank <div> if the product has no rating so that i can align all the product grid. can you provide me the custom CSS for this ? i have attached a demo product card which has a blank div in absence of rating and the alignment is ON. i don’t think adding at least one default review is a good idea.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry, but it is not possible to add empty div to the reviews for the products.

You can try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-grid-item .woodmart-hover-tiled .product-element-bottom {
height: 115px;
}

Best Regards.

added the following code but nothing changed. also when i click on the on the rating in product detail page it navigates me to review section but the user is not landed properly in the section.
what i get is shown in first screenshot and what i want is shown in second screenshot

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached.

Please replace the previous code with the following in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-grid-item .product-element-bottom {
height: 115px;
}

And I have checked the ratings and is taking us to the reviews section fine. Actually your sticky header is overlapping them because you have added all the elements as sticky that’s why it is displayed like this.

Regard’s.
Xtemos Studio.

Thank you. updated the product card and it looks fine now. can you help me to add empty space to the product card which has no rating so that the price text is aligned with other card which has rating on it. Also the Product title is chopped off, i want it to be on lines (currently its two lines ) and then use dots if further long.

Hello,

You are Most Welcome.

Sorry but there is no such option in Theme Settings for what you want to achieve. We could not add empty space to the products that do not have the ratings to it. It requires customizations and this is beyond our limitations and support policy.

Regard’s.
Xtemos Studio.

how woodmart wish list functionality works ? How to implement add to wishlist from product detail page ?

Hello,

You can enable the WoodMart wishlist function from Theme Settings >> Shop >> Wishlist.

Screenshot for Clarification: https://ibb.co/vBbPm4r

Then you need to select a page that will contain the shortcode “[woodmart_wishlist]” for wishlist from there as well.

Regard’s.
Xtemos Studio.

Is there short code for add to wishlist ?

please provide me a code or route so that i can add functionality to wishlist icn. is there any shortcode to add product in wish list from product detail page.

#222921 in this ticket you said i have kept every element sticky then how can i solve this problem ???
i want the review section loaded at the center of the window (screen) when user clicks rating and review in product page. currently it loads at the top of the window.

Hello,

As I mentioned in my previous reply.

You can enable the WoodMart wishlist function from Theme Settings >> Shop >> Wishlist.

Screenshot for Clarification: https://ibb.co/vBbPm4r

And this is not an issue by any means you have selected all the rows as sticky that’s why it is hiding below it. You can try disabling header bottom as sticky then clear the cache and check back.

Regard’s.
Xtemos Studio.

hello woodmart, actually this is an issue. Now i am facing this problem : i want all three header row or main & bottom header as sticky in desktop view. also i want the review section to load properly . is there any solution ? my total height for all three sticky header is 35+95+35 px (desktop).

Hello,

You can try enabling the option sticky header to hide when scrolling down from Woodmart >> Header Builder >> Edit Header.

Screenshot for Clarification: https://ibb.co/TRCmks7

Then the sticky header will not be displayed when you scroll down.

Regard’s.
Xtemos Studio.

How to make all products same size

Attachments:

You must be logged in to view attached files.

Hello,

@mdzihan I saw the screenshot you attached.

Please read our detailed documentation for help about this:
https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

If you have any other questions then create a new topic.

Best Regards

[Author]

Posts