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

Поделиться
HTML-код
  • Опубликовано: 17 окт 2024

Комментарии • 53

  • @SKINGLOWUPMicroneedling
    @SKINGLOWUPMicroneedling 16 дней назад

    Great tutorial, thank you for helping out!

  • @JMCheung
    @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
      @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

  • @neurobutton
    @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
      @theprompted  Месяц назад

      Additional custom development would be required to add the image.
      Alternatively, you can try this customization: ruclips.net/video/QkZmxQ1sWRQ/видео.html

  • @FrenchyFriday
    @FrenchyFriday 5 месяцев назад

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

  • @wilhelmhecker5239
    @wilhelmhecker5239 3 месяца назад

    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
      @theprompted  3 месяца назад

      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.

  • @ChrisSands-s7n
    @ChrisSands-s7n 7 месяцев назад

    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
      @theprompted  7 месяцев назад +1

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

    • @theprompted
      @theprompted  6 месяцев назад

      fyi I added a new video showing how you can use the previous dynamic icons video in the cart drawer: ruclips.net/video/QkZmxQ1sWRQ/видео.html. Hope this helps!

  • @Bubblesmeow96
    @Bubblesmeow96 4 месяца назад

    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 RUclips or Google.. thanknyou 😁

    • @theprompted
      @theprompted  4 месяца назад

      Thanks for the suggestion! Added it to the list

  • @User1-pe9ce
    @User1-pe9ce 6 месяцев назад

    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
      @theprompted  6 месяцев назад

      You can add it right above where you paste the code

    • @User1-pe9ce
      @User1-pe9ce 6 месяцев назад

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

    • @theprompted
      @theprompted  6 месяцев назад

      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
      @User1-pe9ce 6 месяцев назад

      @@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
      @theprompted  6 месяцев назад

      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.

  • @nikrobins95
    @nikrobins95 2 месяца назад

    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
      @theprompted  Месяц назад +1

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

  • @howardmathews5572
    @howardmathews5572 2 месяца назад

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

    • @theprompted
      @theprompted  2 месяца назад

      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
      @howardmathews5572 2 месяца назад

      @@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.

  • @domenic9927
    @domenic9927 6 месяцев назад

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

    • @theprompted
      @theprompted  6 месяцев назад +1

      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
      @domenic9927 6 месяцев назад

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

    • @theprompted
      @theprompted  6 месяцев назад

      fyi I added a new video showing how you can use the previous dynamic icons video in the cart drawer: ruclips.net/video/QkZmxQ1sWRQ/видео.html. Hope this helps!

  • @mariayoshithakandlakuntta7717
    @mariayoshithakandlakuntta7717 7 месяцев назад

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

    • @theprompted
      @theprompted  7 месяцев назад

      Interesting idea - will look into this!

  • @MK-Tech
    @MK-Tech 7 месяцев назад

    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
      @theprompted  7 месяцев назад +2

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

    • @cyberspider78910
      @cyberspider78910 7 месяцев назад

      @@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
      @MK-Tech 3 месяца назад

      @@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..

  • @MK-Tech
    @MK-Tech 3 месяца назад

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

    • @theprompted
      @theprompted  3 месяца назад

      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.

  • @mel_stway7638
    @mel_stway7638 2 месяца назад

    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
      @theprompted  2 месяца назад

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

    • @mel_stway7638
      @mel_stway7638 2 месяца назад

      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
      @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.

  • @JahinShahriar
    @JahinShahriar 7 месяцев назад

    Please have a tutorial for vertical scrolling section like blendjet

    • @theprompted
      @theprompted  7 месяцев назад

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

  • @sujeet_kumar443
    @sujeet_kumar443 7 месяцев назад

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

    • @theprompted
      @theprompted  7 месяцев назад

      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.

  • @Klee87278
    @Klee87278 7 месяцев назад

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

  • @mohamed_chami
    @mohamed_chami 7 месяцев назад

    We need size chart tutorial please

    • @theprompted
      @theprompted  7 месяцев назад

      Definitely - this one's coming out soon!

    • @richardhead6792
      @richardhead6792 7 месяцев назад

      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
      @theprompted  7 месяцев назад

      Sounds like you might want to check out this video: ruclips.net/video/2Qpr5j861O8/видео.html
      Let me know if this is what you're looking for!

    • @theprompted
      @theprompted  7 месяцев назад

      fyi - size chart video is now live! ruclips.net/video/mjr3vqjzgV0/видео.html

    • @richardhead6792
      @richardhead6792 7 месяцев назад

      @@theprompted your a diamond thank you so much