Make Shopify Show Images For The Selected Variant: Copy & Paste to Boost Conversion Rate

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ต.ค. 2024

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

  • @sireveman
    @sireveman 6 หลายเดือนก่อน +2

    Thank you for your work and providing it for free. Such a joke that we have to do this and multiple images per variant is not possible with default shopify.

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

    Superb... Each step is just wow ❤ now looking for a zoom lightbox

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

      Insane that the biggest ecommerce software, has a lightbox from the early 2000s, what a joke.

  • @sireveman
    @sireveman 6 หลายเดือนก่อน +9

    An updated version for theme version 14 would be awesome. As far as I can see, only the global.js code needs to be altered.

    • @marcogiavitto5581
      @marcogiavitto5581 5 หลายเดือนก่อน +1

      I'm exactly at that step, and I just noticed that it's different. Were you able to fix it?

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

      @@marcogiavitto5581 Nope.

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

      ​@@marcogiavitto5581 hey man Did you find any way to solve it ?

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

      @@playstoreguy7673 nope haha

    • @theprompted
      @theprompted  4 หลายเดือนก่อน +3

      Looks like Shopify has changed the code and it affects this customization. Will be working on a new version of this!

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

    Great work again!

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

    Thank you for this! I am having trouble though since I don't have a product-media-gallery snippet. I'm using a custom theme, do you have any suggestions?

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

      This customization was designed for the free Shopify themes. Custom themes generally are structured differently so a custom solution for your theme is needed. If you're interested in hiring us for that, you can contact us here: theprompted.co/pages/hire-us

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

    Your videos have been very helpful. I'm hoping for a version of this code for version 15 of dawn. Keep up the good work!

    • @theprompted
      @theprompted  3 หลายเดือนก่อน +1

      v15 update just came out :)
      check it out here: th-cam.com/video/i4DPKJ-zJgY/w-d-xo.html

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

      @@theprompted Awesome! You guys are great. Perfect timing!

  • @0_m884
    @0_m884 18 วันที่ผ่านมา

    When doing the metafield method i will have to make a new one for black per shirt correct? Like how yours is T-shirt original black, if i have 2 shirts do i have to make the next one tshirt original 2 and so on? Thanks probably a dumb question

    • @theprompted
      @theprompted  18 วันที่ผ่านมา

      Not a dumb question. You can think of it as needing to create a metaobject for each group of images that you want to combine.
      If the images are different for the black variant of your two products, then yes, you'll need to create a new metaobject for each, and then select them in your product's metafield.

  • @wasabiboucht4191
    @wasabiboucht4191 5 หลายเดือนก่อน +1

    Hello, I have a problem, everything works fine, but the only problem is that I cannot click on any variant image, which means that I cannot change the image (I only see the featured image, and when I click on another image in the thumbnails, nothing happens). Could you help me?

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

      What I suggest is to install a brand new version of your theme (ex: Dawn) as a test environment, and trying the steps again from scratch. If you get a different result, then likely there was an issue in your installation - and you can work backwards from there to find what may have gone wrong the first time.

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

    Thank you very much. It works, but how can I put color switches on the collection for the same version and have it clickable?

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

      Yes, you can check out the newest (version 3) of collection swatches here: th-cam.com/video/nZuDkf-T2og/w-d-xo.html

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

    Hello, thank for the Great content. iI have a problem when switching to an other variant on the product page , the main picture is updating but non of the extra pictures for this variant are showing (no thumbnail at all). When refreshing the page tho everything is showing correctly showing and the all the thumbnails appear. I thought it might be a problem with how i enter the code for the JS part. I redid it a couple of time but still cant find where the problem is from. Any help for this please ?

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

      I agree that it's likely related to the js. It's possible you forgot to add the attributes to the elements (ex: data-variant-grouping), which is necessary to pass the information to the js to read and use.

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

      @@theprompted
      Hey, thanks for the awesome tutorial(s)!
      I'm having the same situation here. I've got it to work with the metafields, but the images only show up correctly after refreshing the page. Selecting a different variant pill does not update the images. Any tips? I think I followed the tutorial to the T. I assumed it'd have to do with the updatemedia js function, but I'm not a coder
      @swannfourmanoy6961 - have you found a solution for this?

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

    Thanks so much!

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

    I couldn't get it to work. Whenever I try to enable the "only show selected variant images" option, all the thumbnails disappear.

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

      That could be a symptom of a number of different issues, but ultimately its because the remaining images aren't properly being mapped to the variant.
      What I suggest is to double check that you're using a compatible theme (free Shopify themes like Dawn, Refresh, Sense, etc) and version ( if you're on v14 or 15 then there's a new version out: th-cam.com/video/i4DPKJ-zJgY/w-d-xo.html).
      If that's still not working, you may want to install a fresh new version of your theme as a sandbox testing area and start again from the beginning. This way if you get a different result, it's likely an issue with your implementation. if it's the same issue, then there might be a more complex issue.

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

      @@theprompted thanks for your reply. I'm currently using dawn 13.0.0. I will try to install a new version and try again.

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

    Very helpful it helped me add the color swatches and size but what if the products are 2000, how to add color swatches fast and effectively. Please recommend something.Like the file_name method can i use the design_id instead?

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

      This video is about grouping images together by variant. I don't believe Shopify has a design_id field. If this is just your own custom identification, you can simply code it into your filenames and use the filenaming method to group your images.
      If you're referring to adding swatches to your variants according to our tutorial (th-cam.com/video/JIn4Ac5LLjg/w-d-xo.html), then if all your products share the same variant name, then it's very straightforward and you can define the swatch for that variant once and it will apply across all products.

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

    Hi I am using Dawn theme and cannot find update media in the global.js!! please help

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

      You are probably using Dawn 15. Please check out this updated tutorial: th-cam.com/video/i4DPKJ-zJgY/w-d-xo.html

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

    what does the variant split delimiter and variant name postion mean? I've been tweaking them and nothing seems to be working.

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

      It's for identifying the relevant information when using the filename and alt text grouping format. If you're using metaobjects then it won't actually do anything.
      For example, if you want to make your filename format BRAND__PRODUCT__VARIANTGROUPINGNAME, then every file that you're grouping should have this format. The "__" will split the file into 3 parts (BRAND, PRODUCT, and VARIANTGROUPINGNAME), and the variant name to be grouped by will be in the third position (VARIANTGROUPINGNAME).
      This is how you specify which files should be displayed together.

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

    Hello Sir! You're doing a fantastic work. Thank you so Much
    I have a request if possible please make a small video on this.
    I have disable add to cart button on my store. I want to keep only "Buy it Now" button on the product page and make this Buy it Now button STICKY.
    Please make a video on this. I would really help me. Thanks

  • @RodrigoVera-x6h
    @RodrigoVera-x6h 2 หลายเดือนก่อน

    Please help me! When I am about to Group the variant images, it only lets me select one image, that is, if I have a gray product, it only lets me select one photo and not several like in the video. HELP! I´ve been trying this for days.

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

      You most likely selected "One File" instead of "List of Files" when creating the metaobject File Grouping field definition.

    • @RodrigoVera-x6h
      @RodrigoVera-x6h 2 หลายเดือนก่อน

      @@theprompted Thank you! I changed it :) How can I get extra support? I've made each step and it doesnt work still. I have 13 version.

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

      @@RodrigoVera-x6h If you want extra support we can do a diagnostic review: theprompted.co/products/diagnostic-review

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

    I followed each step but I am still having an issue. I have v15 Dawn and followed your newer video of v15 too. Actually came here for meta grouping.
    When i select a different color variant, the featured picture DOES change
    but the thumbnails dont. Infact they change when i press refresh after changing the variant.
    Can you help please?

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

      A few other viewers have mentioned this as well. We'll be looking into this more closely

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

      @@theprompted Thanks

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

    Is it suppose to work Sense theme also? I tried with Sense theme but its not working. Even though I have added red and white variant out 7 variants I have but only one image from white variant shows up irrespective of any variants I select .

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

      Yes, it works with the sense theme too. If the images aren't changing with your variants, then it's likely the js portion that wasn't added properly. Did you create the changes in the global.js file?
      If it's still not working, what I suggest is to install a fresh new version of Sense and try it all over again from scratch. If you get a different result it will help you troubleshoot what may have gone wrong the first time around.

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

    I followed this twice but I can't get it to work. As soon as I check the box for "Only Show Selected Variant Images", my thumbnails just turn into a squashed line. I don't know if it's possible to provide the code in full rather than copy-pasting bits here and there? (assuming everything else is unmodified).

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

      Sorry you are having trouble with the code! I'll think about how we can make this easier for viewers to install.

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

    is it possible to do this with double variant so for example i am working on a site with suitcases but there are different images for color and for sizes is it possible to group images based on 2 meta fields?

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

      This is possible, but is a more complex customization. If you're interested in hiring us to build this for your store, feel free to contact us at theprompted.co/hire-us

  • @RodrigoVera-x6h
    @RodrigoVera-x6h 2 หลายเดือนก่อน

    It only lets me select one image, that is, if I have a gray product, it only lets me select one photo and not several like in the video in the metafield of variant grouping images. HELPP I'VE BEEN TRYING THIS FOR DAYS !!!

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

      Your metaobject should be set to "list of products" instead of "one product"

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

    please make this full video again with full guidance

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

    What about undated version V15.0.2

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

      You can try this updated version for v15: th-cam.com/video/i4DPKJ-zJgY/w-d-xo.html

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

    what if my theme doesn't have a product-media.js file? how do I go about it then?

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

      This tutorial was designed for the free Shopify themes (ex: Dawn, Sense, Refresh, etc). Are you using a premium/paid/third-party theme?

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

      @@theprompted yes I am. How do I go about it then?

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

      The code structure of the free themes is different from the paid ones, so unfortunately a developer would have to custom build it for you.
      You can either look for apps that add this functionality or if you want us to help you with it you can hire us at theprompted.co/hire-us

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

    Hey, can you make a video for how to show image variants on the featured collection section (product cards) when we click on variants then will the image be changed? thanks, many support

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

      Yes - you can check this video out: th-cam.com/video/voVSVEWWkmI/w-d-xo.html

  • @User1-pe9ce
    @User1-pe9ce 6 หลายเดือนก่อน

    For the thumbnails and thumbnail carousel, when adding the code for the second list tag in the product-media-gallery file, you instruct to insert the "featured variant image" code rather than the "remaining variant images" code. Was that intentional?

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

      Good catch! What you're seeing there is an error with the video editing. Sorry about that.
      The second element should be using the "remaining variant images".

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

    Hey i have a question my whole store got an error i did everything correct but know if i change like from red to white i won't even change a picture nothing works it just shows one picture

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

      Sorry that you're running into trouble.
      if it works on initial load but doesn't work when you click a button, then this indicates an issue with the javascript installation steps.
      Double check that you added the data parameters to the and elements. For example, you'll need the data-variant-grouping parameters in the element in order for the js to function properly.

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

    Why is it when using the metafields method, everything works fine until I click off the first variant (to another colour) and all the extra photos disappear? The primary photo changes to the desired colour variant but the other photos disappear and the primary is the only visible one? Help me pleaseeee

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

      Which theme are you using? This video was released before Dawn (and other free Shopify themes) were released, and there are commenters here that have reported it not working with v14.
      I'll be looking at fixing this for v14 soon.

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

      @@theprompted I am using Dawn 13 and the same exact thing happens. When i select a variant nothing else happens.

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

      Variant changes are handled in the global.js file. I would double check your installation there to make sure there aren't any errors.

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

    Is there a way to create a static copy of any section (image banner, multicolumn, rich text, etc), and define default content, so that everywhere you add this section (home page, collection page, cart, etc), this block will always show that default content? (without using metacontent) And if you change the default content of this section on one page, it should also auto-update all other copies of this section universally across your store. Is this possible? Thank you!

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

      Is there a reason you don't want to use metacontent?
      You could hard code this, but I think it would be better to map your content to a metaobject. The metaobject is not like a metafield - it stands alone and can be used across different pages like you want. And if you ever want to change it, you can simply change the metaobject.
      Without doing it that way, you'll probably have to create a section that has hardcoded content.

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

    Thank you! Would you be able to post an updated version for swatches in Dawn 13: on product page and on collection page's product grid? The old videos are outdated, and even with the written instructions, I was not able to implement them. I think while we wait for Shopify to roll out with the swatch feature, we really need a better solution, and I think your content has consistently been the most helpful. Would really appreciate an update! Thank you!

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

      Thank you! I plan on doing this - stay tuned!

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

    I have products that have images with different sizes and colors. Are you able to do this for multiple variant options? In this video, it only works for one: color. I need size AND color.

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

      That definitely would be a useful addition to this customization - I'll have to look into that

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

      ​ @theprompted Found an app for it. It's called "Variant Image Wizard + Swatch"

  • @sukant.sharma
    @sukant.sharma 5 หลายเดือนก่อน

    but can we use two varriants?
    - color
    - fit (oversized & regular)
    So if I select blue and oversized it show images for that variant only?

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

      Great question! I'll look into that.

    • @sukant.sharma
      @sukant.sharma 5 หลายเดือนก่อน

      @@theprompted I figured it out. Added two metafields.
      Product type: regular or oversized
      Alternate Product URL: on oversized product add regular product url, and for regular add oversized url.
      And then on product page i added two new button where
      if product is "regular", we should regular button as fill and add the alternate product url as "Oversized" outline button.
      But this open a new product page. Which works well for me. But if we can someone choose multiple variant and show multiple images for that specific variant it will be amazing.

    • @theprompted
      @theprompted  5 หลายเดือนก่อน +1

      Great! Sounds like you're linking 2 products together as variants. I actually have a video for that too, so if you were using your own solution, you might want to check out this as an option too: th-cam.com/video/IY2X4jTeQvA/w-d-xo.html

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

    When uploading a webm video. It works for the thumbnails, but the lightbox will show all videos, no matter what alt-text we use. Do you have a suggestion for a fix or where we should start looking? Thanks!

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

      Ah good catch. Yes, it currently only works for images.
      Here's my suggestion: look for the video element being used in product-media.liquid and add the classes "product-modal-image{% if hide_image %} hide-image{% endif %}" to it.

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

      @@theprompted
      That you very much, it worked with this updated line:

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

    Jo i have a proboem when i make the metaobject so the file grouping it just let me choose one instead of more

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

      You'll want it to be a "list of variants" instead of just "one variant" and "list of files" instead of "one file". You can re-watch the instructions at 22:05 to see the settings.

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

    Very generous and very helpful....thanks again. As a side note, I have been working on a customer form but can't get the form to submit customer metafields...any ideas. Thanks

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

      You're welcome!
      I don't think I'm quite following what you're attempting to do? Is it that you want customers to submit a form that can add metafields to their user profile?

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

      @@theprompted Exactly. Thank you

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

      What problems are you running into? If it's creating the metafields, then you should use the Shopify Customer API to create them (shopify.dev/docs/api/admin-rest/2024-04/resources/customer)

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

    Hello! This is exactly what I was looking for. Does this work for version 15 too?

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

      Unfortunately it won't, but we're working on an updated version that's v15 compatible!

    • @Atishay-u2e
      @Atishay-u2e 3 หลายเดือนก่อน

      @@theprompted it is working, Just not updating the product galary. if we refresh it is working

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

      And changing variant options. But a new version is coming out soon to fix all of these issues.

    • @Atishay-u2e
      @Atishay-u2e 3 หลายเดือนก่อน

      @@theprompted i am glad to hear that. I hope it is really soon!

    • @theprompted
      @theprompted  3 หลายเดือนก่อน +1

      The v15 fix just came out! Check it out here: th-cam.com/video/i4DPKJ-zJgY/w-d-xo.html

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

    Great always!! Can you please create an "image with text" section with liquid?

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

      Isn't there already one in Dawn and other free Shopify themes by default? Is there something else about it that you're looking for?

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

    If I have 2500+ products with 1 product = 100 variants I need to do this to all 2500+ products?

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

      It depends on what your store’s needs are.
      If 1 product has 100 variants and you don’t need more, then you can just use the default Shopify variants because the limit is 100. In this scenario you don’t need to use this customization.
      Once you want to offer more variants than the default 100 then you have to look at different options. One option is this video and linking different products together. Another is to use the line item properties through a product options apps. And a final option is to look into seeing if you can get early developer access to the new 2000 variant limit that Shopify will be rolling out over time.
      Whichever option you choose, it will have to be used across every product that requires the additional variants.

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

    Works great for products with variants. BUT product now with no variants/color with only the main picture shows. I need to get this fixed asap as store is live and active customers. UPDATE:::: again when only a product have only 1 color, the lightbox doesn't display an image. I cant even use y the duplicated backup theme as the code is allmessded up now from the duplication and my cusomt coding is not working. Pretty annoyed lol. Ive used 1st position and named color as first word in ALT TEXT option lat text in editor. Took me hours to do this and alt text all my products.

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

      You're right - sorry about that. I had a fix for that but forgot to include it in the video.
      I've updated the code and it should now show all images if the product has no other variants.
      Another potential situation that you might have is a product that has variants but you still don't want the image filtering/grouping. For these situations, I've added additional instructions to create a metafield "Disable Image Grouping". For any products that you want the code to ignore, set this metafield to "True" , and it will show the images with the default behavior.

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

      @@theprompted I fixed before you redidi code. You HAVE to have images for the size variant even if there's no color variant.

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

      Yes, that's right. It's generalized because depending on what you sell, that might be exactly what you want.

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

      @@theprompted UPDATE. just noticed that only the first image shows in light box no matter what product image I click for desktop. For mobile only the first image show in lightbox and no other images show for other images when clicked. Just white blank. What is the fix for this? Im not using metafields... I'm using the Alt Text method.

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

      This is the media modal, so please double check:
      - product-media-modal.liquid was edited properly (especially remember to add the hide_image and variant_grouping_name parameters to the product-media.liquid render)
      - Make sure to add the classes and data-variant-grouping attribute to the element in product-media.liquid

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

    Great job!
    Unfortunately it doesn´t work on theme version 14 😥

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

      Yes - looks like Shopify has changed the code and it affects this customization. Will be working on a new version of this!

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

    I feel like I'm losing my mind. I have tried this 4 times. Thank goodness for the ability to duplicate a theme so as not to mess up the OG, because each time I try this, it still doesn't work. I have the 14.0.0 version, so I'm guessing it's that.

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

      I'm sorry it hasn't been working out. Other commenters have mentioned having issues with v14, so we'll take a look at that and create a new version if necessary.

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

      v14 fix was just released, you can check it out here: th-cam.com/video/i4DPKJ-zJgY/w-d-xo.html

  • @SK-kn3ov
    @SK-kn3ov 6 หลายเดือนก่อน

    Is it possible to code so that only certain customer segments can add something to their cart? I dont want to pay for locksmith, and i want to items to still be visible, not hidden
    Love your vids!

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

      Thank you! That's an interesting suggestion, I noted it down.

  • @hydrastudio.
    @hydrastudio. 5 หลายเดือนก่อน

    Hello, does it work for any theme included paid theme ?

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

      This customization was designed for the free Shopify themes. Paid themes often have a different structure, so this customization will likely require additional development to adapt it to a paid theme.

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

    Trade theme V15 would be nice 😊😊 Thank you in advance

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

      We're working on a v15 compatible version!

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

      Looking forward to it (excited 😁😁). Thanks in advance 😊

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

      v15 fix was just released, you can check it out here: th-cam.com/video/i4DPKJ-zJgY/w-d-xo.html

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

    Is it a must to have the same number of images for all the variants?

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

      No, that's not necessary. They just need to be grouped together using your chosen method (metafield, filename, alt text).

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

    Does this tutorial woek with Dawn version 14 also?

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

      It will need to be modified a bit to adapt to Dawn v14. Will be working on an update!

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

      Here's the fix for v14: th-cam.com/video/i4DPKJ-zJgY/w-d-xo.html

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

    And what about changing the variants name in to squere pictures :)

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

      Not sure what you're referring to. Could you elaborate?

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

    please make a video header underline hover effect on shopify down theme

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

      Dawn by default already has a hover effect on the menu headers. Is there something more specific that you're looking for?

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

    For the love of god where is the code. I'm tooo stupid for this. Its nowhere to copy paste

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

      If you go to the link and scroll to the bottom, you will see triangle toggle buttons. Just click on them to show the code.

  • @0_m884
    @0_m884 5 หลายเดือนก่อน

    Does this work on Craft?

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

      It should work. Try it out and let me know how it goes! Just make sure to duplicate your theme before making any changes.

    • @0_m884
      @0_m884 5 หลายเดือนก่อน

      ​@@theprompted Gave it a shot. It didn't work the global.js has a different placement and I wasn't able to find where I was supposed to insert the code

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

      Unfortunately this is probably due to the theme versions updating to v14. Will be looking into getting this fixed.

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

    Am I the only one not managing to make it work? Anyone shared any experiance?

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

      Works for me lol
      What problem are you running into?

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

      @@theprompted not sure. Followed steps 3 times. Basically, it kind of works, as it filters images to the first Option Variant. But images are not clickable, don't change on variant change. So, really not sure where I got it wrong. Tried all methods, Meta filed, File Name, Alt Tag. So, no constructive advice from me this time.

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

      If clicking doesn't work, it might have something to do with the javascript.
      There's a step that accidentally got missed in the video that were added to the instructions link: the element needs a few additional data parameters.
      Also, also double check that the classes and data parameters were added to the elements.
      These data parameters are necessary for the javascript to get the data to get clicking behavior to work properly.

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

    not working

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

      Sorry to hear that. Which theme and version are you using?