Home › Forums › WoodMart support forum › Add to cart button

Add to cart button

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 7, 2021 at 1:52 am #264498

    E-N Admin
    Participant

    Hi there,

    I was wondering if you’re able to let me know how to align the product details and buttons in shop page to be on the left side? For mobile and desktop etc.
    See image: https://prntscr.com/yl21tj

    And, how can I remove the “add to cart” button on products from shop page?

    Also, is it possible to have random image placed in shop page. Whilst still being align with products in the shop
    see image: https://prntscr.com/yl2j26

    Thank you for your help.

    February 7, 2021 at 2:03 am #264500

    E-N Admin
    Participant

    How do I also remove the product review stars from shop page?
    see image: https://prntscr.com/yl3yhw

    Thanks

    February 7, 2021 at 12:49 pm #264540

    Elise Noromit
    Member

    Hello,

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

    .woodmart-hover-alt .swap-elements .woodmart-add-btn {
	display:none;
}

    Please provide the page URL where you want to hide the stars.

    Best Regards

    February 7, 2021 at 10:33 pm #264593

    E-N Admin
    Participant

    Hi there,

    The other code didn’t work as well as I thought, I didn’t want the price to disappear on hover.

    1. I have changed the product displayed on shop to be “standard” but can you please let me know how to align the product information to be aligned to the left.

    In shop page, align the product and price details to the left side – under the image.
    See image: https://prntscr.com/yoh96r

    2. Can you please also hide the star rating the appears in SHOP page under each product. When a product has a review, the star review appears on the bottom of the product in SHOP page.
    See image: https://prntscr.com/yl3yhw
    I don’t want the star rating to appear in SHOP PAGE under the product grids. Are you able to disable it from appearing?

    2. How do I add side banners in shop page:
    See link example: https://woodmart.xtemos.com/blog/woodmart_element/tabs-with-3-columns-products-banners/

    Thanks for your help.

    February 8, 2021 at 9:30 pm #264846

    Elise Noromit
    Member

    Hello,

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

    body .star-rating {
    display: none;
}
body .product-grid-item .product-title{
text-align:left;
}
body .product-grid-item .woodmart-product-cats {
text-align:left;
}
body .product-grid-item .price {
    text-align: left;
}
body .woodmart-hover-standard .woodmart-add-btn {
    text-align: left;
}

    You can create HTML block, add banners there and these HTML block in the Shop page widget area in Appearance > Widgets.

    Best Regards

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