Shopify themes, liquid, logos, and UX
Hey everyone,
I need to figure out a way to implement this to my store.
Is this an app? Or is it custom coding?
Let's say that my store has 5 different variants.
1- The user selects 1 variant, and then clicks next to go onto the next variant, Then the user selects the second variant, and then clicks next to go to the next variant... and so on. There doesn't have to be a next button necessarily, as long as when a variant #1 is selected, only then does variant #2 show up, and variant #1 disappears. When variant #2 is selected, variant #3 appears, and variant #2 disappears (all the way to variant #5). This is in order for the customer to be able to preview the variant he is selecting. Because if all the variants are shown at once, the user will have to scroll down to select them, and the preview picture won't be available (as it will be all the way at the top). I know this can be done with conditional logic, but the selected variant does't disappear and this creates clutter. therefore user isn't able to preview the variant he selected on the picture.
2- Also, when a variant is selected, the total gets adjusted. Not in a way like some apps do it (where on the bottom, it says the selected options add an extra 100$ to the price). I want the price to be adjusted right away, as soon as a variant is selected.
3- When a user selects a variant, I want the picture to change to showcase that selected variant. I want to upload a picture for each selected variant.
4- Finally, in the end, I want an "upload file" button, where the client can upload a picture. In some cases, the client must be able to upload 2 pictures separately (so 2 upload file buttons).
Thank you for any help.
If this requires custom coding, please let me know.
Hello @kosta_
Welcome to Shopify Community.
I have understood your requirements. But this is possible via app and custom coding too. Depending if the all the variants options are from the same products or you want to link different product options on a single product.
You can check some of the custom product options app else hire a developer to setup custom code for you.
Happy to assist you!
Thanks
Hey,
All the apps i've seen on here, only have conditional logic. Meaning when I click on variant 1, variant 2 pops up. But variant 1 still remains there.. I need something like this:
User selects variant 1, variant 1 disappears, variant 2 drops
User selects variant 2, variant 2 disappears, variant 3 drops
User selects variant 3, variant 3 disappears, variant 4 drops........
And they can have the option to go back, to change the variant they chose.
So pretty much, variants are chosen step by step, and not on one page all together.
If any apps can do this, do you mind referring me to one?
Also, how much can I expect to pay to custom code something like this (a rough estimate)
Thank you for your time, have a great day,
Kosta
Do you have any reference site for this ? For any query related to quotation please drop your query to the inbox mentioned in below signature.
Thanks
It’s sent. Thank you
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024