Shopify themes, liquid, logos, and UX
How can I get "Ready to ship" text into my products like in my edited picture?
Hey @mariakarte
It looks like you wanna add a custom badge in your product pictures. As it's not possible with CSS only and will require HTML and coding in your theme files so I suggest you to hire a Shopify developer who can help you out with that if you're not familiar with coding. Feel free to let me know if you want me to help you out and I will be more than happy to help you out.
Best Regards,
Moeed
Hello @mariakarte
There are two ways to display the "Ready to ship" label on products:
If you're not familiar with these options, feel free to let me know, and I can assist you.
Hi @mariakarte
Can you please provide us your website link url? Do you want text on hover or permanent across all products?
Thanks
Hi @mariakarte
Here is the code for show text on featured collection
first you should go to the edit code... and search file featured-collection.liquid and edit file like below code:
find this class : media media--transparent media--hover-effect
Add this code on featured collection.liqud file under this class: <div class="media media--transparent media--hover-effect">
<div id="ship-text">ready to ship</div>
<style>
div#ship-text {
display: block;
z-index: 9;
}
</style>
If this solution is helpful to you, please hit the like button and if you need help with any other work or need help related to this, please message us.
Thanks And regards
Need a Shopify developer? Skype name:nidhi dhiman , Skype id: +917807313102
Email: nidhidhiman004@gmail.com
If my solution reply helpful? Click Like to let me know!
Mark it as an Accepted Solution
Hi,
Than you for your help but I could not find this part in the code <div class="media media--transparent media--hover-effect">.
I would want to add "ready to ship" to an individual product and that it would bee seen in all the categories where the product is not only in "featured collection".
Kind regards,
Maria
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024