Reply 318444 to: Estimate delivery date in single product page

Avatar: Niddy
Niddy
Participant
February 25, 2022 at 15:36

@a4ashan

Not admin but I have found an easy solution so hope this helps fix your immediate need without a plugin.

I had similar need – to add text below the button / above wishlist and again, above meta but below wishlist. So depending on how your store is set up – the order is –

1. Cart Button
2. Wishlist
3. Meta

I use all 3 (as in I have wishlist activated) so what I did was simply add this css to the page css itself – so in each product, you literally add the following custom css to suit –

To add custom text directly below the add to cart button

.product-content form.cart::after {
content: "Delivery in 7 days";
}

This is overqualified for a reason. If you just use form.cart::after then it will also show the delivery text next to the button on the footer sticky cart. So if this is ok, do not use the overqualified css – just use form.cart::after

To add custom text directly above the wishlist element

.product-content .yith-wcwl-add-to-wishlist.wishlist-fragment::before {
    content: "Delivery in 3 days";
}

To add custom text directly above the meta / below wishlist

.product_meta::before {
    content: "Delivery in 3 days";
}

Hope this helps solve your immediate problem without a plugin 🙂

See demo showing your site with this css added – https://i.imgur.com/X1NAToe.png

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.