Home › Forums › Basel support forum › show product rating in the shop/category page

show product rating in the shop/category page

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 9, 2018 at 1:45 pm #38635

    esthetis
    Participant

    Hi,

    Is there a way to show the stars rating in the shop/category page?

    Kind regards

    February 9, 2018 at 2:17 pm #38637

    Artem Temos
    Keymaster

    Hi,

    Could you please specify your products hover layout or send us a link to your shop page so we can check?

    Thank you

    February 9, 2018 at 2:20 pm #38639

    esthetis
    Participant

    https://www.dermastore.ch/en/shop/

    February 9, 2018 at 3:07 pm #38668

    Artem Temos
    Keymaster

    You can use this CSS code but then the hover effect will not work

    body .basel-hover-alt.purchasable .wrapp-swap {
	overflow: visible;
}

body .basel-hover-alt.purchasable .wrapp-swap {
	height: auto;
}

body .basel-hover-alt.purchasable:hover .swap-elements {
		transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -sand-transform: translateY(0px);
}

body .basel-hover-alt .star-rating {
	display: block;
}
    February 9, 2018 at 3:10 pm #38670

    esthetis
    Participant

    I found this please let me know if it’s still valid:

    https://themeforest.net/item/basel-responsive-ecommerce-theme/14906749/comments?utf8=%E2%9C%93&term=rating+shop&from_buyers_and_authors_only=0&order_by=relevance

    February 9, 2018 at 3:10 pm #38672

    esthetis
    Participant

    Try to add the following code snippet to the functions.php file in the child theme.

    remove_action(‘woocommerce_after_shop_loop_item_title’,’woocommerce_template_loop_rating’,5);
    add_action(‘woocommerce_shop_loop_item_title’,’woocommerce_template_loop_rating’,5);
    Try to add the following code snippet to the Custom CSS area in Theme Settings.

    .product.basel-hover-alt .star-rating {
    display: block;
    }
    Regards

    February 9, 2018 at 3:28 pm #38686

    esthetis
    Participant

    Please let me also know how to add count next to the rating… for ex. *****(6)

    Thank you!

    February 9, 2018 at 9:16 pm #38728

    Artem Temos
    Keymaster

    Did you try the code we provided you in this thread?

    February 10, 2018 at 2:38 pm #38884

    esthetis
    Participant

    Please let me know the reason we have to try this that block the hover effect instead of the other that allow the hover effect and seems to work too. Is there any reason to use the code in this thread instead the other?

    February 10, 2018 at 8:39 pm #38923

    Artem Temos
    Keymaster

    If the second variant works better for you then you can use it also.

    February 10, 2018 at 10:30 pm #38938

    esthetis
    Participant

    OK but please let me know how to show also the count next to the rating… for ex. *****(7)

    February 11, 2018 at 8:54 am #38973

    Artem Temos
    Keymaster

    Sorry, but there is no such information in the loop reviews function in WooCommerce. You can’t show it there.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)