How to add "Ready to ship" to product picture on Dawn theme?

[mariakarte]

 How can I get "Ready to ship" text into my products like in my edited picture?

[Moeed]

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

[exertweb]

Hello @mariakarte 

There are two ways to display the "Ready to ship" label on products:

1. Metafield Method: We can create a metafield specifically for displaying this label.
2. Product Label Method: We can manage it using product tags.

If you're not familiar with these options, feel free to let me know, and I can assist you.

[nidhidhiman004]

Hi @mariakarte 

Can you please provide us your website link url? Do you want text on hover or permanent across all products? 

Thanks

[nidhidhiman004]

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: [email protected]
If my solution reply helpful? Click Like to let me know!
Mark it as an Accepted Solution

[mariakarte]

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