Shopify Tutorial - How To Add Color Swatches [beginner friendly]

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ม.ค. 2025

ความคิดเห็น • 42

  • @alexanderverdieu9994
    @alexanderverdieu9994 6 หลายเดือนก่อน +8

    I tried using this for Dawn 15.0.0 but I ran into an issue. The swatch doesn't switch to the product and it glitches out. It remains on the first variant no matter what I click.

    • @gemmagoddard3631
      @gemmagoddard3631 6 หลายเดือนก่อน +1

      I am having the same porblem

    • @tristanbreale9377
      @tristanbreale9377 6 หลายเดือนก่อน

      Idem. He accept only first color.

    • @WebSensePro
      @WebSensePro  6 หลายเดือนก่อน

      Please contact via websensepro.com/contact-us for paid support

    • @tristanbreale9377
      @tristanbreale9377 6 หลายเดือนก่อน +3

      @@WebSensePro Is this a joke ? I have never seen a TH-camr who asks for paid support for a specific problem caused by you. Dislike...

    • @WebSensePro
      @WebSensePro  6 หลายเดือนก่อน

      @@tristanbreale9377 Who forced you to add the code? Did you hear where we said to take the backup?

  • @tuscanymain7974
    @tuscanymain7974 2 หลายเดือนก่อน +1

    Hi there, this works great but I would like to make the swatches smaller. When I go below 42px the swatches become squished. Also how do I minimise the size of border around swatches? And lastly can I keeo my other variants as drop downs instead of pills, while still keeping my swatches.

    • @WebSensePro
      @WebSensePro  หลายเดือนก่อน

      More code required

  • @MStatus-jn9tj
    @MStatus-jn9tj 7 หลายเดือนก่อน +1

    Is there a possibility to implement this on this collection page and be subject to change with the click?

    • @matiasaalto5072
      @matiasaalto5072 7 หลายเดือนก่อน +1

      this would be also really helpful for me

    • @WebSensePro
      @WebSensePro  7 หลายเดือนก่อน

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @viviennezhang5326
    @viviennezhang5326 6 หลายเดือนก่อน

    Hello, after following the steps, I was indeed able to add color swatches like you did. However, there is an issue: the color icon of sold out variations (items with inventory number 0) used to be faded and crossed out, but now not having the faded or crossed out effect anymore. Is there a way to fix that?

    • @WebSensePro
      @WebSensePro  6 หลายเดือนก่อน

      Please contact via websensepro.com/contact-us for paid support

  • @ГюльнараРезник
    @ГюльнараРезник 6 หลายเดือนก่อน +1

    Have you solved the issue ? How can I fix it ?

    • @WebSensePro
      @WebSensePro  6 หลายเดือนก่อน

      Please contact via websensepro.com/contact-us for paid support

  • @מוטימשה-ס2ס
    @מוטימשה-ס2ס 6 หลายเดือนก่อน

    Hi bro, do you know the reason, when I select silver or rose gold color, the cursor goes back to the first gold color, and also doesn't show the image of the link?

    • @WebSensePro
      @WebSensePro  6 หลายเดือนก่อน

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @ilumineightArabia
    @ilumineightArabia 7 หลายเดือนก่อน

    Hello - Thank you for your tutorials they are very useful and informative! I have separate product pages for each product as they have different descriptions and in most cases are not made from the same materials. Is there any way to use this tutorial and create a swatch link to other product pages? As they are not grouped in the back end. Or if you have alternative solutions please let me know. I would very much appreciate your reply, thank you!

    • @WebSensePro
      @WebSensePro  7 หลายเดือนก่อน

      Thanks for sharing!

  • @ГюльнараРезник
    @ГюльнараРезник 6 หลายเดือนก่อน

    I can see the images but I cannot switch between the variants. How can I solve this?

    • @WebSensePro
      @WebSensePro  6 หลายเดือนก่อน

      Please contact via websensepro.com/contact-us for paid support

  • @Classic_Song_Lover
    @Classic_Song_Lover 6 หลายเดือนก่อน

    Hello Sir
    Thank you for your tutorials for Color Swatch...and it's very useful
    but when i tried to call snippet in card_product...its not working..
    Can you Please guide me for that...

    • @WebSensePro
      @WebSensePro  6 หลายเดือนก่อน

      Please contact via websensepro.com/contact-us for paid support

  • @golakotidevendra6714
    @golakotidevendra6714 7 หลายเดือนก่อน

    before i used Product image slider code from your previous videos then now used this video code not working

    • @WebSensePro
      @WebSensePro  7 หลายเดือนก่อน

      Please contact via websensepro.com/contact-us for paid support

  • @husnainandco
    @husnainandco 7 หลายเดือนก่อน

    How to add carousel on product page of you may also like.

    • @WebSensePro
      @WebSensePro  7 หลายเดือนก่อน

      Please contact via websensepro.com/contact-us for paid support

  • @akashkumar-um6ox
    @akashkumar-um6ox 7 หลายเดือนก่อน

    Sir how can apply discount button click in product

    • @WebSensePro
      @WebSensePro  6 หลายเดือนก่อน

      Please contact via websensepro.com/contact-us for paid support

  • @shahzaibbhatti-u7n
    @shahzaibbhatti-u7n 9 วันที่ผ่านมา +1

    Brother frankly your lectures are good but that is ecommerce every day versions are changed. If you help the people here then do it with honestly don't submit the paid support while helping understand. Every one using the different version same as our problem the swatch doesn't switch to the product. Got it

    • @WebSensePro
      @WebSensePro  7 วันที่ผ่านมา

      I understand the frustration, I will try to cover more version updates in future tutorials.

  • @gustavortheden9498
    @gustavortheden9498 7 หลายเดือนก่อน +1

    YOU ARE A LIFESAVER, where do i donate?

    • @WebSensePro
      @WebSensePro  7 หลายเดือนก่อน +1

      buymeacoffee.com/websensepro

  • @akashkumar-um6ox
    @akashkumar-um6ox 7 หลายเดือนก่อน

    I want to do this, if any 2 items click on the button I will add 5% discount, if 5 items click on the button I will add 7% discount, if 10 items click on the button I will add 15% discount in product page

    • @WebSensePro
      @WebSensePro  6 หลายเดือนก่อน

      Please contact via websensepro.com/contact-us for paid support