Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

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

mariakarte
Visitor
2 0 1

1000027961.jpg

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

Replies 5 (5)

Moeed
Shopify Partner
6322 1715 2067

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


exertweb
Shopify Partner
34 12 8

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
Shopify Partner
81 6 8

Hi @mariakarte 

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

 

Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639

nidhidhiman004
Shopify Partner
81 6 8

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
mariakarte
Visitor
2 0 1

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