Product Page Issue & Add to Cart button without Wishlist

dzinchou · April 8

I have two issues:

On the single product page, when a product has options (variants), everything displays perfectly. But when the product is simple (without variants), the CSS seems broken—it pushes all content to a new line instead of displaying inline as it should.
When I try to add an "Add to Cart" button to related products or the product grid list, a heart (wishlist) icon also appears. On mobile, the heart icon is misaligned and shows outside of the product container. I want to hide the heart icon and display only the "Add to Cart" button.

Phil · April 8

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

dzinchou · April 8

sorry, website : eden.ge

dzinchou · April 8

Simple Product Link - https://eden.ge/product/sruli-spektris-led-ganateba/

Product with Variants - https://eden.ge/product/final-part-ripen/

dzinchou · April 8

P.S attached also screenshots of add to button which appears with Wishlist hurt which is out of the product box

Phil · April 9

1) Please go to Betheme -> Theme options -> Shop -> Single product, disable "Cart button extra options" and check if the problem persists:

2) Did you disable the wishlist on your website?

I do not see it.

Best regards

dzinchou · April 10

Thank you for suggestion,

I disabled it now, but it didnt work.

dzinchou · April 10

I have to entirely turn off wishlist to be able to hide it, the only way i found so far

Phil · April 10

1) Are you sure that you disabled this option from theme option and purged the cache?

2) Please enable the wishlist so I can take a closer look at this.

Thanks

dzinchou · April 10

1) Yes, i am sure.

2)Sure, its enabled. https://eden.ge/product-category/inventory/

Phil · April 10

1) I checked that now and the display is correct:

2) Use the following CSS code:

.woocommerce .products .product .mfn-li-product-row-button{
 flex-direction: column;
 margin-right: 0!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

dzinchou · April 10

Thank you issue N1 is solved, can you also help me to hide heart button from product list?

Phil · April 11

Did you use the CSS code from point 2 in my previous message?

It is for the wishlist.

Best regards

dzinchou · April 13

Yes i tried the CSS but the heart is still there, please check it https://eden.ge/product-category/airfiltration/

Phil · April 14

It does not remove the wishlist icon, but it moves it to the bottom so the layout is not broken.

If you want to remove it from the products list, use this CSS instead:

.woocommerce .products .product .mfn-li-product-row-button .mfn-wish-button{
   display: none;
}

Best regards

Product Page Issue & Add to Cart button without Wishlist

Comments