The Prompted - Shopify Simplified

The Prompted - Shopify Simplified

We help level up your Shopify store so you can sell more stuff online. 👉 www.theprompted.co


Пікірлер

  • @user-hg6eo6ui7b
    @user-hg6eo6ui7bСағат бұрын

    Hey can you make buy one get one offer with product like if i buy add (A)name product on cart then other (gift product) automatically add on cart

  • @moneywithrain
    @moneywithrain4 сағат бұрын

    thank you now I am your fan

  • @saryahhurtado348
    @saryahhurtado3488 сағат бұрын

    My theme is spotlight. What number in the coding for the shopping cart should I enter the code?

  • @navid2398
    @navid239811 сағат бұрын

    Hey there, you are doing great videos. I love it. Lately, I have checked a lot of channels to find something more unique and actually working. Most of them just waste our time. So thank you for being you. I have a question because you mentioned that you would love it if someone suggested something new. If you would let me do so, can you make a tutorial about 'how to make a bundle'? I think it would be lovely to see without apps (if possible) how it is going to happen? Thanks one more time. I appreciate your work. Keep it up!

  • @overdosefather3433
    @overdosefather343314 сағат бұрын

    Thank You for this tutorial, for some reason im having trouble with the product card, I copied the code from the link but for some reason it won’t show the sale badge for my item on its collection page. any ideas why?

  • @overdosefather3433
    @overdosefather343314 сағат бұрын

    like the product page badge is working fine its just the product card badge wont show up.

  • @hasim9531
    @hasim953115 сағат бұрын

    appreciate the vids you make they're really helpful, keep it up bro

  • @MrKEWLN8
    @MrKEWLN817 сағат бұрын

    straight to the pint and worked perfectly thanks!

  • @BearsMeadowTeam
    @BearsMeadowTeamКүн бұрын

    I created the metafield as you said but it is not appearing under my collections tab. Do you know what might be wrong or what I can do to fix this issue?

  • @SandhyaSharma-l2u
    @SandhyaSharma-l2uКүн бұрын

    @SandhyaSharma-l2u 1 hour ago Hiii, when I add JSON to metaobject field its invalid and saying JSON is invalid, please tell me what could be the reason, I tried so many times.

  • @MyRatedApps
    @MyRatedAppsКүн бұрын

    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?

  • @mika_derechte4275
    @mika_derechte4275Күн бұрын

    it does not work on dawn 15.0.2 ):

  • @mika_derechte4275
    @mika_derechte4275Күн бұрын

    On the Card-Product file it says something is wrong

  • @mika_derechte4275
    @mika_derechte4275Күн бұрын

    can you maybe update please ?

  • @theprompted
    @thepromptedКүн бұрын

    It should still work on 15.0.2. I suggest you try again on a fresh version of Dawn as a test. If you get a different result, then you may have to double check your installation. If you get the same result, there might be a deeper issue.

  • @mika_derechte4275
    @mika_derechte427515 сағат бұрын

    @@theprompted i tried it again and it worked thx for your great work!

  • @advancedsystemsatCIT
    @advancedsystemsatCITКүн бұрын

    Man this is a HUGE life saver man, wishing nothing but the best and looking forward to see more tutorials from you!

  • @nadanfayab
    @nadanfayab2 күн бұрын

    Sir how to add stylish carousel in it...and how to migrate other theme carrousel in dwan theme...how ?

  • @bigtastyvalorant1073
    @bigtastyvalorant10732 күн бұрын

    You're the GOAT. The video was super easy to follow and I've only coded "hello world"

  • @alhasnain1071
    @alhasnain10712 күн бұрын

    please make this full video again with full guidance

  • @Klee87278
    @Klee872783 күн бұрын

    Please do part 2 of this video where this feature can be included on collapsible row and popup 🙏

  • @theprompted
    @theprompted2 күн бұрын

    Thanks for the suggestion!

  • @rezagh7633
    @rezagh76333 күн бұрын

    Great as always.

  • @CorahDesign
    @CorahDesign3 күн бұрын

    My item.variant.quantity_rule does not exist actually in my theme, any idea what I can replace it with, also the max="{{ quantity_rule.max }} does not exist in my code on the main-cart-items.liquid or the cart-drawer.liquid... Any idea what I can do in that case?

  • @CorahDesign
    @CorahDesign3 күн бұрын

    The only code I have for quantity is this: <td class="cart-item__quantity"> <div class="cart-item__quantity-wrapper"> <label class="visually-hidden" for="Quantity-{{ item.index | plus: 1 }}"> {{ 'products.product.quantity.label' | t }} </label> <quantity-input class="quantity"> <button class="quantity__button no-js-hidden" name="minus" type="button"> <span class="visually-hidden">{{ 'products.product.quantity.decrease' | t: product: item.product.title | escape }}</span> {% render 'icon-minus' %} </button> <input class="quantity__input" type="number" name="updates[]" value="{{ item.quantity }}" min="0" aria-label="{{ 'products.product.quantity.input_label' | t: product: item.product.title | escape }}" id="Quantity-{{ item.index | plus: 1 }}" data-index="{{ item.index | plus: 1 }}" > <button class="quantity__button no-js-hidden" name="plus" type="button"> <span class="visually-hidden">{{ 'products.product.quantity.increase' | t: product: item.product.title | escape }}</span> {% render 'icon-plus' %} </button> </quantity-input>

  • @theprompted
    @theprompted2 күн бұрын

    This customization was designed for the free Shopify themes (ex: Dawn, Refresh, Sense, etc). If you're using a premium or third-party theme, then additional custom coding will be required.

  • @junlintan5100
    @junlintan51003 күн бұрын

    Another cool idea! What if we are able to modify the options at the cart page via a pop up product option modifier. And also if we can have the feature to make some of the options product add ons too!

  • @saradhchandra6671
    @saradhchandra66713 күн бұрын

    I had a new idea yesterday and wanted to share it with you to get your thoughts on it. I've noticed that everyone has a problem with variant images not getting grouped properly. When Shopify updates the store, which seems to disrupt the whole structure. So, what if we create a block in the product page that works like this: 1. We create each variant as a separate product. 2. We have a metafield in the products (backend) where we select the other variants of the product. 3. We add this product URL to be displayed accordingly on the product page (with the featured product image displayed in the product variant options). The only problem with this approach is that we can't add color swatches to the variant options. I was thinking that if we add an option in the page builder to select a custom image, that issue could be solved. Let me know your thoughts!"

  • @theprompted
    @theprompted2 күн бұрын

    If I understand you correctly, you want to combine separate product listings together as an alternative to variants. If that's the case, we have a customization for that already. You can use it to connect products in any way you want (ex: Color). Check it out here: kzread.info/dash/bejne/e41mupajhMi3pqQ.html

  • @saradhchandra6671
    @saradhchandra667119 сағат бұрын

    @@theprompted Thanks man, you are a genius...!

  • @gveikka
    @gveikka3 күн бұрын

    Nice video 🫡 can you do video about quantity breaks since they are so popular in every store now

  • @theprompted
    @theprompted2 күн бұрын

    Thanks for the request - we've noted it down

  • @gveikka
    @gveikka2 күн бұрын

    @@theprompted Thank you, I appreciate that

  • @milliegreen5605
    @milliegreen56053 күн бұрын

    Really enjoying your videos - thank you SO much for putting all of these together. I've just completed this video but annoyingly the custom swatches isn't working as expected for me - it works as expected for when used for variants but when I tick the Use Custom Swatch box from within the Product Grouping Picker, the images are defaulting to the product image (when using the variant-swatch-mapping Metaobject and a custom one). Also, I've also found that when there are no variant options the custom swatches end up being stacked vertically and are almost oval in shape. Can you only group products which have variants with this code? Any suggestions as to which bit of code might need checking/tweaking would be greatly appreciated.

  • @theprompted
    @theprompted2 күн бұрын

    Thanks for pointing that out! A quick fix was added to the code: theprompted.co/blogs/tutorials/combine-separate-products-together-as-variant-options-free-tutorial

  • @milliegreen5605
    @milliegreen56052 күн бұрын

    @@theprompted thats fab. Thank you so much. I have two more (hopefully) quick questions if that's okay... Lines 10 and 11 of the product-grouping-picker-custom.liquid file reference two assets 1) component-product-variant-swatch.css and 2) component-product-variant-picker.css. I don't have a component-product-variant-swatch.css file, but I do have a component-product-variant-swatch-custom.css (i.e., the one created as part of the prerequisite video). Is there a difference? The second file (component-product-variant-picker.css) exists but I don't remember creating it so assume it's an original file - is that correct?

  • @theprompted
    @theprompted2 күн бұрын

    Ah, yes you should use the one created in the pre-requisite video, component-product-variant-swatch-custom.css. As for the second file, component-product-variant-picker.css, you are correct that it is part of the original theme files.

  • @theprompted
    @theprompted2 күн бұрын

    Made another update to the code. Sorry for the trouble, but should work properly now.

  • @milliegreen5605
    @milliegreen560520 сағат бұрын

    @@theprompted absolutely no apology needed - thank you for replying so quickly and helping! I am just so so grateful that you have put together such fantastic videos and code for anyone to use. It's just incredible. You are a legend!

  • @AngelinaRobinson-j9t
    @AngelinaRobinson-j9t3 күн бұрын

    Didn't work for me. but thanks for putting up videos

  • @user-oz5ob6mf9d
    @user-oz5ob6mf9d3 күн бұрын

    Very nice video. What is the reason I can't update main product. And even when you do add to cart, you can't add the color you want, only the first color.

  • @theprompted
    @theprompted2 күн бұрын

    What I would suggest is to double check that you're using a compatible theme and version. If it checks out, then what you can try is installing a fresh new version of a compatible theme (ex: Dawn v15) as a sandbox testing theme and try again from the beginning. If you get a different result, then there might be something wrong with the steps you've taken. If you get the same result, there might be a deeper issue at play.

  • @Asaunie
    @Asaunie3 күн бұрын

    Hey! can you update the sticky add to cart button you have from 8-9 months ago for dawn 14 AND 15, thank you!

  • @irisbrugts7936
    @irisbrugts79363 күн бұрын

    I feel so silly not having seen this video before!! I am using your other video for the variant description for this issue. I suggested to the store owner to move to this option, but they do not like the fixed date metafield, they prefer the Page metafield option. Is there an easy way to use that instead, so we can use both inventory status and variant descriptions?

  • @theprompted
    @theprompted2 күн бұрын

    You should already be able to use both the inventory status and variant descriptions since they are separate blocks in the product description section. You can drag and drop them to place them wherever you want. If you mean you want to display the variant inventory counts in each variant description, then this will require custom coding. If you're interested in hiring us to build it for you, then you can book a call with us at theprompted.co/hire-us

  • @irisbrugts7936
    @irisbrugts79362 күн бұрын

    @@theprompted Thank you so much for answering here. What I meant is that we would like to use a page metafield type instead of the date metafield. This as sometimes we might not have an exact date, to output. We would like to output the text "Available again from mid September" for example. should be doable right?

  • @theprompted
    @thepromptedКүн бұрын

    Yes, this is certainly do-able. In terms of the actual implementation, if you don't need to add any images, it might be better to use text metafield instead of page. Note that if you are not using the date metafield, then the feature to hide the display once the selected date has passed will no longer function properly. So figuring out how you want to handle those situations will help determine what approach you should take.

  • @junlintan5100
    @junlintan51003 күн бұрын

    Shopify is greedy by only giving this feature to Plus subscribers, thank you for helping out us smaller businesses.

  • @junlintan5100
    @junlintan51003 күн бұрын

    Keep up the great work, phenomenal tutorial

  • @theprompted
    @theprompted3 күн бұрын

    Glad you liked it!

  • @oster1820
    @oster18203 күн бұрын

    Update?

  • @legoleee
    @legoleee3 күн бұрын

    Hi, very thankful for this tutorial, it really helps a lot. I am running on V15.0.0 Dawn and it is successful. However, I am facing an issue where the remaining media only changes when I reload the page manually, is there anything that can be adjusted so that the remaining media changes automatically? Will truly appreciate if you can reply!

  • @IDEKLMAO-p7u
    @IDEKLMAO-p7u3 күн бұрын

    Hey Prompted! I have done all the steps that you've demonstrated in both the previous and this video regarding the code, metafields for the variants and how to set them up, activating the feature in the page where you customize the website. My product has 5 variants including 3 pictures for said variants. I'm on the Sense theme by the way. After following the steps to the letter, my website displays the picture for the variant with it's associated color however, it refuses to display the other 2 photos that go with the product and only displays the first 3 photos out of the 15 total images that I have ordered in the product media page on shopify. I have assigned the 3 photos files to the metafield for each colors. Moreover, once I refresh the website to see if it would display the 2 other pictures for the selected variant, it just displays all 15 images that I have for the product. Could you please help me with this issue? Thanks Edit: I have played around with some things in the customize webpage in shopify and I was able to get the website to display the other 2 images upon refreshing the page. However, I cannot make them change when I click on another variant.

  • @ronadoroon4945
    @ronadoroon49453 күн бұрын

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

  • @theprompted
    @theprompted3 күн бұрын

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

  • @abhishekmishra2513
    @abhishekmishra25134 күн бұрын

    is it possible to add icon on progress bar?

  • @theprompted
    @theprompted2 күн бұрын

    It is - but requires some custom coding. We can look into that for the updated version!

  • @Tivabox
    @Tivabox4 күн бұрын

    Great video!! I've been searching a lot to get this to work, thank you for the clear and detailed video! I have one question, is it possible to put this into a collapsible row somehow?

  • @theprompted
    @theprompted2 күн бұрын

    It is possible, but would require some additional custom coding. You would also have to consider whether you want only the contents of the collapsible row to change, or the entire collapsible row itself. If you're interested in hiring us to build it out for you, then you can book a call with us at theprompted.co/hire-us

  • @DjX_
    @DjX_4 күн бұрын

    When I press on the button it doesnt work, it doesnt add the product to the cart drawer.

  • @EvilMaleficus
    @EvilMaleficus4 күн бұрын

    Great stuff mate

  • @JayZeeEss
    @JayZeeEss4 күн бұрын

    Another great video. Can you make a version for minimum cart $ value? Example: $1500 minimum cart value before able to checkout?

  • @theprompted
    @theprompted2 күн бұрын

    Thanks for the suggestion! We noted it down, but it may not be something we get to anytime soon, as there are lots of other excellent suggestions that viewers like yourself have requested. If it's something you want to make sure we work on, then you can consider hiring us to build it out for you: theprompted.co/hire-us

  • @SandhyaSharma-l2u
    @SandhyaSharma-l2u5 күн бұрын

    Fixed - Product page not loading after selecting variants asking to refersh theme Dawn v15, Products are not loading only in thumbnails layout. Recheck this code when we copy this code its actually pasting some other code so recopy this code again and paste it there it will work. Recopy product-info.js.code : updateMediaGrouping() { const mediaGalleries = this.querySelectorAll('media-gallery'); mediaGalleries.forEach(mediaGallery => { const groupVariants = mediaGallery.getAttribute('data-group-variants'); const hasOnlyDefaultVariant = mediaGallery.getAttribute('data-has-only-default-variant'); const disableImageGrouping = mediaGallery.getAttribute('data-disable-image-grouping'); if (groupVariants === 'false' || hasOnlyDefaultVariant === 'true' || disableImageGrouping === 'true') { return; } const mediaItems = mediaGallery.querySelectorAll('.product__media-item, .thumbnail-list__item'); const featuredMedia = Array.from(mediaItems).find(media => !media.classList.contains('hide-image')); const featuredVariantGrouping = featuredMedia ? featuredMedia.getAttribute('data-variant-grouping') : null; mediaItems.forEach(mediaItem => { const mediaVariantGrouping = mediaItem.getAttribute('data-variant-grouping'); if (mediaVariantGrouping === featuredVariantGrouping) { mediaItem.classList.remove('hide-image'); } else { mediaItem.classList.add('hide-image'); } }); const modalContent = this.productModal?.querySelector('.product-media-modal__content'); if (modalContent) { modalContent.querySelectorAll('.product-modal-image').forEach(mediaItem => { const mediaVariantGrouping = mediaItem.getAttribute('data-variant-grouping'); mediaItem.classList.toggle('hide-image', mediaVariantGrouping !== featuredVariantGrouping); }); } }); } Recheck this code when we copy this code its actually pasting some other code so recopy this code again and paste it there it will work.

  • @michelklaasen
    @michelklaasen4 күн бұрын

    Thanks it works!

  • @moneywithrain
    @moneywithrain3 күн бұрын

    hey just wonder if you follow the previous steps from PREREQUISITE video here? cause I tried several times, but still failed

  • @michelklaasen
    @michelklaasen3 күн бұрын

    @@moneywithrain Yes first the prerequisite video Then the Dawn 15.0 video Also follow the written guides. There's one part that wasn't in the prerequisite video but is in the blog post to be added. This code block replaces the first one in the Dawn 15.0 tutorial but there's another line you gotta add.

  • @jeffchen9754
    @jeffchen97545 күн бұрын

    hi guys, just added the snippet to my shopify product page, however when i add a product to the 'add to cart' button just keeps spinning and doesn't add any products. Any idea how to fix this?

  • @pauljohnbatuigas3675
    @pauljohnbatuigas36755 күн бұрын

    Thank you so much! I really did subscribe after watching this. It help me a lot on my project. Thanks for this and keep it up guys :)

  • @user-qu7vf4ky4j
    @user-qu7vf4ky4j5 күн бұрын

    Kindly Urgently Make a Video On dawn 15.0.0 In which show the Solution Of Only Varients Images as Colors Because i tried 2 Time Of your all Code scripts and watch complete videos But i am. Unable to change Product Kindlly Reple if you are watching this Coment

  • @theprompted
    @theprompted5 күн бұрын

    This has been fixed. You can re-copy and past the product-info code and it should work now.

  • @user-qu7vf4ky4j
    @user-qu7vf4ky4j5 күн бұрын

    @@theprompted i tried 3 Times It Dos, t Kindly Share Your Files In a Specific new Video

  • @theprompted
    @theprompted2 күн бұрын

    The video for Dawn 15 was already created: kzread.info/dash/bejne/m2h4sq2DXd2wl7w.html

  • @machnumber8900
    @machnumber89005 күн бұрын

    Great Work 🤩 Please make a tutorial to add video banner on homepage with customizable text location. would be grateful

  • @theprompted
    @theprompted2 күн бұрын

    Thanks for the suggestion! Noted it down.

  • @DEEPAKKUMAR-ij7hw
    @DEEPAKKUMAR-ij7hw6 күн бұрын

    Hi Buddy believe me your video is most helpful, you explain all the things with complete procedure. I'm disappointed with some other youtubers that claims this video is enough to resolve your problem but they hide some details somehow such that as a viewer you have to contact them and your problem will be resolved after paying some charges.

  • @mkingscott
    @mkingscott6 күн бұрын

    Absolutely great, easy to implement, works like a charm - thank you very much :-)

  • @user-zu9np6vk6y
    @user-zu9np6vk6y6 күн бұрын

    Great video, really enjoying your content. I appreciate the way you also mention the purpose for each code edit to help us understand. Question, is there a way to have the swatches on the bottom row of the product card, rather than at the top?

  • @theprompted
    @theprompted6 күн бұрын

    You can. To do that, you would need to re-structure the html in the card-product.liquid file.

  • @User-zu9np6vk6y-k8p
    @User-zu9np6vk6y-k8p5 күн бұрын

    @@theprompted I had a fiddle with the code in the card-product.liquid file but was unable to work out where to move the code to. I found moving the 2nd small section of code gave results, but I couldn't pin-point where to move it to to get the desired result. Do I need to move the code section to a specific place, or does that section of code need to be altered further to yield the desired result?

  • @theprompted
    @theprompted2 күн бұрын

    The video and code link should provide the information of what code goes where in the file. The placement should match what is shown in the video, if you place it elsewhere it may not work properly. If your code does not match the video, then you might not be using a compatible theme. This tutorial was designed for the free Shopify themes (ex: Dawn, Sense, Refresh, etc).

  • @DEEPAKKUMAR-ij7hw
    @DEEPAKKUMAR-ij7hw6 күн бұрын

    ❤Hi brother thanks for helping, can you name what mockup tool you uses for this store.

  • @theprompted
    @theprompted6 күн бұрын

    Are you talking about the product images? You can check out tools like Canva and Placeit.

  • @howardmathews5572
    @howardmathews55726 күн бұрын

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

  • @theprompted
    @theprompted6 күн бұрын

    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
    @howardmathews55726 күн бұрын

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

  • @JayZeeEss
    @JayZeeEss7 күн бұрын

    This is awesome. Thank you so much for sharing Can I ask if I can somehow use this code to show calculation based on variant metafield, on product page. Variant A Price = $100 Variant B Price = $50 Variant A variant.metafield.trims = $10 Variant B variant.metafield.trims = $4 When Variant A is selected, I want to show the message like: The total cost for this item with trim will be $110 When Variant A is selected, I want to show the message like: The total cost for this item with trim will be $54 Thank you in advance

  • @theprompted
    @theprompted6 күн бұрын

    This is certainly possible, but requires some custom development. You can get this to work by including your calculation in the code where the variant description is being rendered. Hope that helps! If you're still unsure how to go about it, then we can also hire us to do this customization for you. Just contact us at theprompted.co/hire-us

  • @machnumber8900
    @machnumber89007 күн бұрын

    👇Vote for v4 of this customization for Dawn version 15

  • @theprompted
    @theprompted2 күн бұрын

    It should still work with Dawn v15 - just make sure that you're using the Dawn 15 product swatches video (kzread.info/dash/bejne/fH2ilqOcZa-ymso.html), to make sure swatches work with it

  • @SiaEntertainment-j4s
    @SiaEntertainment-j4s7 күн бұрын

    Minimum qty scenario is not working in cart. I have only minimum qty condition. Add to cart if min Qty-10. In Product page its working fine. But in cart page and drawer, decreasing button is not disabled if qty <10. Please advice.

  • @theprompted
    @theprompted6 күн бұрын

    What theme and version are you using? If it's v15, some viewers have reported that it's not working. We will review this and make an update if necessary.