How to Add Payment Icons To Your Cart Drawer (add trust)

[@andreasspieker4107]

for me the icons are listed strangely one below the other like a list. how can i get the icons next to each other in a row?

[@FrenchyFriday]

Best channel ever your gonna hit the 100k subs pretty fast!

[@theprompted]

Hope so!

[@SKINGLOWUPMicroneedling]

Great tutorial, thank you for helping out!

[@mrgoal94]

i love you bro!

[@JahinShahriar]

Please have a tutorial for vertical scrolling section like blendjet

[@theprompted]

I'll add that to my list of things to look in to!

[@carsharpner9994]

How did you add that “you’re only $5,00 away from free shipping” banner of the cart drawer? But I want something like “you’re $5 away from getting a 10% off next product”

[@theprompted]

Check out this video for the cart progress bar: kzbin.info/www/bejne/aWnHc6qqbZiNZrM

[@MK-Tech]

And how do we add this banner below the Add to cart button on product pages?

[@theprompted]

The high level approach I would take is to create a section block. First, create the block in your main-product.liquid file (ex: {%- when 'payment_icons' -%} ), and then next add the code from this customization into the block. Then you can add the block in your theme editor and place it where you want (ex: below the add to cart button). Haven't tested this, so some fine-tuning may be necessary.

[@ChrisSands-s7n]

This is great! I'm wondering if there is a way to add just an image under the checkout button? I'd like to create my own image with custom trust badges.

[@theprompted]

To do that, you can use the html tag. Just replace the code from this video with

[@theprompted]

fyi I added a new video showing how you can use the previous dynamic icons video in the cart drawer: kzbin.info/www/bejne/h5y9nquHZtiKiLM. Hope this helps!

[@wilhelmhecker5239]

Hi, Thank you very for those videos. Unfortunately, the integration of the red add to cart button and inventory feature has overwritten the payment badges and the shipping progress cart. Could you please guide me on how to restore these elements? Thanks in advance for your assistance. Best regards

[@theprompted]

I'm not sure what integration you are using, but any customization you add to your store you'll have to be careful of how it impacts previous customizations. If you're using the theme editor settings to change the add to cart button color, it should not affect your other customizations. If you are using an app, then its possible it's not compatible with the custom code.

[@mariayoshithakandlakuntta7717]

amazing video, Need a video on shoppable videos/reels on home page and floating videos on product page

[@theprompted]

Interesting idea - will look into this!

[@sujeet_kumar443]

Sir, please make a video that how to make footer in dawn theme in four columns

[@theprompted]

Depending on your theme, you should be able to do this quite easily in the theme editor. For example, if you're using Dawn, select the Footer section, and add the 4 blocks you want in your footer. They will be added as 4 columns.

[@JMCheung]

Hi, thanks a lot for your helpful video, I have been following your channel to set up my Shopify. Your videos helped me a lot. Recently I encountered a problem with the booking system. My service has 36 classifications combined in the two categories. When customers select different dates and a few subcategories, I hope they can display the price in the off-season or peak season according to the date. Could you please make a video to teach how to setup this? Thanks.

[@theprompted]

This sounds like a unique use case. If you would like to hire us to build something out for you, you can reach out to us here: theprompted.co/hire-us

[@nikrobins95]

hey brother, when you have more than 6 payment methods, the icons tend to wrap into another line in the cart drawer. can you suggest a way to tweak it so it only displays up to 6 icons? thanks.

[@theprompted]

You can adjust the for loop {%- for type in shop.enabled_payment_types -%} in the code so that it only executes loops 6 times.

[@pg5233]

So I have to sign up for a newsletter and your link does not actually provide the code? I'm feeling scammed here...

[@theprompted]

Once you've you signed up, we share a link where you can find all of our customizations. If you're still having trouble finding it, just respond to any emails and we'll help direct you.

[@MK-Tech]

Another great video! What about a video how to add Load More button to the collection pages!? It’s so annoying in dawn that you don’t have that.

[@theprompted]

ty! so infinite scroll instead of pagination? I'll add it to the list

[@cyberspider78910]

@@theprompted..Great but keep in mind that Infinte scroll with Color pallet on Collection page (earlier video of yours ) does not work. I am still struggling and can share all research I have done.

[@MK-Tech]

@@cyberspider78910 I would prefer to have a Load more button rather than Infinite scroll.. The reason is that its a mess to try to get to the footer if the page continues to load..

[@howardmathews5572]

One question please: is it normal that the dynamic button (PayPal in my case) doesn't show in the cart drawer? Very weird.

[@theprompted]

I think that's normal. The dynamic buttons normally show up on the product page, so that you can skip the cart. But if you're already in your cart, the next step will always be checkout regardless.

[@howardmathews5572]

@@theprompted Not always, some people will click the dynamic button on the cart. Also, not a big fan of having that dynamic button the product page so that's why. But I'm sure if I change the setting of the cart from "Drawer" to "Page" it'll show up as usual. Will see.

[@neurobutton]

Hello! Thanks for the video! I will like to add and image of the payment icons instead, and that's because I can't find the exact icons that I need. How will you add that? Thank you man

[@theprompted]

Additional custom development would be required to add the image. Alternatively, you can try this customization: kzbin.info/www/bejne/h5y9nquHZtiKiLM

[@User1-pe9ce]

Thank you for this addition. Definitely a nice feature to have on the website. In which portion of the code do you edit, to add text above the payment icons and center it?

[@theprompted]

You can add it right above where you paste the code

[@User1-pe9ce]

Okay, thank you. And, would that be with a tag?

[@theprompted]

You could definitely do it that way, but it really depends on the look you're going for. I suggest testing it out and see what it gives you.

[@User1-pe9ce]

@@theprompted I've tried that approach and was not to fond of the appearance since there was a bigger gap between the text and icons and add to cart button than I would have liked. Could you please provide a suggestion? Also, is the following the best approach to remove the search icon and feature from the website: Place the following code below into the theme.liquid file above the tag? details-modal.header__search { display: none !important; }

[@theprompted]

If adds to much spacing, then you can try using a . I would also suggest you to add some css to style the element and add or remove padding as necessary to get the spacing you're looking for. What's "best" depends on what you're trying to do, but if this works in hiding the search icon and you're happy with the way it looks, then it's a valid approach.

[@mel_stway7638]

Hi :) by me, I can only see the paypal icon. How can I ad the other icons so that it matches the others in the footer? I've got at least 5 icons in my footer.

[@theprompted]

It should be showing the same icons that you have activated on your store. What theme version are you using?

[@mel_stway7638]

I'm using Dawn theme latest version. Do you know how I can ad the other icons so that it is samilar as in the footer? Maybe I should change something else in the code?

[@theprompted]

If you followed the steps properly, then you should be getting the same payment icons. If you aren't, what you can do is install a fresh new version of Dawn as a test theme and try again from the beginning. If you get a different result, then it's likely an issue with the installation. If you get the same result, then it might be a more complex issue.

[@Bubblesmeow96]

I would love to know if you have a Tutorial on how to add a drop down menu for the icons on the header right of the dawn theme. I want to have a dropdown for the account icon with for example "Login, Register, My wish-list, Reviews" etc with their respective links. I cannot find ANYTHING about it on KZbin or Google.. thanknyou 😁

[@theprompted]

Thanks for the suggestion! Added it to the list

[@domenic9927]

Hi, thank you for your video, it worked very well! How can we add custom payment icons in the cart drawer page though?

[@theprompted]

This would be a different customization - which I've added to the idea queue. But for an immediate simple solution, you could add an image to your code using the html tag. Just replace the code from this video with

[@domenic9927]

@@theprompted Thank you so much, will try it!

[@theprompted]

fyi I added a new video showing how you can use the previous dynamic icons video in the cart drawer: kzbin.info/www/bejne/h5y9nquHZtiKiLM. Hope this helps!

[@mohamed_chami]

We need size chart tutorial please

[@theprompted]

Definitely - this one's coming out soon!

[@richardhead6792]

Yeh need this for my sofa store. But can you also do maybe additional info with meta fields like so I can add colour, material, frame size, care instructions, weight etc etc just can't work out how to do it

[@theprompted]

Sounds like you might want to check out this video: kzbin.info/www/bejne/aILTo2igbZtkhZo Let me know if this is what you're looking for!

[@theprompted]

fyi - size chart video is now live! kzbin.info/www/bejne/o5vVZKmnn9-ajJI

[@richardhead6792]

@@theprompted your a diamond thank you so much

[@Klee87278]

Bro can do every single feature u can think off ☠️🔥 Can i call u Shopify god?

[@theprompted]

😂