To test this feature, visit your live site.

change product price with getVariants()

I've created a custom product page and am encountering challenges with the variants section. After users make their selections (like choosing colors, sizes, etc.), I need a way to search for these selected choices within the variants collection. The goal is to identify and set the appropriate variant ID, so it can be added to the cart.

I've attempted several solutions without success. Has anyone managed to address this issue?

5 comments

Comments (5)

Eitan Waxman

Mar 25

@Gaming Marula @Tony Daian I demonstrate how to do this here: https://www.youtube.com/watch?v=A37mjU87pHg

Gaming Marula

Feb 27

Hey @Tony Daian did you solve this problem? If you did, please tell me how because i am running into the same problem

velo-ninja

Dec 10, 2023

Just some hours ago, i posted this one on another FORUM....

I am playing a little bit around with the Wix-Stores-App (investigating it a little bit).

I found now a second disatvantage of the Wix-Stores-APP.Maybe someone already has encountered the same problems.

-Once you settep-up your Wix-Store, you generate some products through your Wix-Dashboard. In some cases, you will generate PRODUCTS which will have different kind of VARIANTS (different colors, different sizes and so on).

Ok, after generating such a PRODUCT with diffeerent VARIANTS, the product gets stored inside of the DATABASE, till here everything seems to be good.

But what if a CUSTOMER wants to have for each VARIANT, a unique (out of the variant-product-values) generated URL ???

Example:Product-A: Bottle with 100mlProduct-B: Bottle with 200mlProduct-C: Bottle with 300ml

The ‘BOTTLE’-product itself is all the same, just having different ml-volume.

Inside of the database → PRODUCTS <— the product gets generated just once and has a basic (automatically generated) URL something like →

…/website/product-page/bottle

We remember → we have created 3x different VARIANTS → and now on our PRODUCT-PAGE we can find an automatic generated DROPDOWN where we can choose the VARIANT.

QUESTION-1: Where to find the TRIGGER for the DROPDOWN? (onChange) ???

…seemed to be promissing, but for wix-studio only ???

2023-12-09 23_46_39-onChoiceSelected - Velo API Reference - Wix.com1929×1484 141 KB

QUESTION-2: How to get 3-different generated URLs for the ‘BOTTLE’-product…a) …/website/product-page/bottle?=100mlb) …/website/product-page/bottle?=200mlc) …/website/product-page/bottle?=300ml

This question is related to the following one…

Wix-Stores ---> Getting the selected VARIANT Ask a question

When working with —> Wix-Stores-App, i have the problem to get the trigger/event for the selection of an VARIANT → for example inside the corresponding DROPDOWN. The dropdown is an automatically added one on the PRODUCT-PAGE, where you can select a PRODUCT-VARIANT. The question is, how to get the event-trigger for this dropdown? How to know which variant was selected after choice has been done ??? Dropdown on PRODUCT-PAGE… [2023-12-09 18_38_04-פינצטה מקצועית לגבות _ ORA Clinic und 4 weitere…

I mean i have already created/found a workaround, but maybe there are better solution for it → (not to be forced to generate some BYPASS-CODING and DESIGNING).

Additional-Info: In the ordinary HTML/JS-World i probably would use something like…

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>URL Change Example</title>
</head>
<body>

  <button onclick="changeURL()">Change URL</button>

  <script>
    function changeURL() {
      window.history.pushState(null, "New Title", "/new-url");
    }
  </script>

</body>
</html>

But Wix surely will not allow changes to the URL path using the pushState method directly due to security restrictions. By using the pushState-Method i shoulld be able to generate what i want (changing the URL inside my BROWSER-INPUT DIRECTLY WITHOUT REDIRICTION OR RELOADING OF MY CURRENT PAGE).

If someone ask himself, if the described issue is able to be resolved?→ YES, it can be resolved → but by a somekind of a very tricky and time-consuming BYPASS-CODING and restructuring of the whole PRODUCT-PAGE.

I am searching for a simple solution.

As i can see → 2020 <–there was already the same/similar problems…

On WIX Stores, Product page, how to add a button that opens a URL Ask a question

The URL is in additionalInfoDescription2. and additionalInfoTitle2 = “LINK” Ive been going round in circles for hours. HOW can I do this?? HELP

And today, people with the same looping questions…

Unique URL for each product variant Ask a question

I am in need of having a unique URL for each product variant on my wix store. How can I make this happen ? Query parameter might work ? or any other way ? i just need a unique url for each size of my product variant. example: mysite.com/products/facesoap?size=100ml mysite.com/products/facesoap?size=200ml currently when i change size on my product page the url stays exactly the same .

Could wix-location help out in this case?

External Imagewix.com

wix-location-frontend - Velo API Reference - Wix.com

The wix-location-frontend module contains functionality for getting information about the URL of the current page and for navigating to other pages.

…or maybe Wix-Router??

External Imagewix.com

wix-router - Velo API Reference - Wix.com

This module contains the APIs for code routers and data binding router hooks.

Luckely there are still post to be found of some good programmers…

How to make repeater items pages have their own URL Ask a question

I just want to make something like this [image] In this image i searched keyword “mobile” and it showed me the result page and i clicked on the next page here you can see the url in the bar changes to pg_2 what indicates that tpage 2 has it’s own URL so in case of repeater on wix the results reloads in repeater without changing the url of the page So if user want to copy url for the specific page he cannot do this

@Eitan Waxman --> Maybe some very good stuff for your next VIDEO ???

You seem to be on a good coding level ! 😉

Would like to see --> what would be your solution.

Surely no challange for you.