Storyteller Dynamic Pricing

[Matt Zimmermann]

Hi Leslie,

For the function to run, the product has to have attributes and attribute machine has to be undefined.

[lesliekirk]

Are there any specific settings that need to be configured to trigger it? It looks like it works with all attribute types. I've tried radio buttons and drop down select but the product price doesn't change with either one. I'm not seeing any javascript errors. I'm wondering about the settings in the Attribute Machine? The Displayed Price and the Additional Price Display.

Another question or perhaps a point of clarification - when you said

where a product is using inventory variants and non-variant attributes

that only applies to the individual product? There are a couple of other products that have had the Inventory Variants assigned. But I'm trying to test this with one that doesn't have any Inventory Variants.

[Matt Zimmermann]

Hi Leslie,

To the best of my knowledge, it should work out of the box for products that aren't using attribute machine, i.e. any variants.

[lesliekirk]

Hi Leslie,

In that case, the code Brennan is referring to is included with Storyteller. You can locate it in the scripts.js file by searching for:

// ---- Update Display Price Based on Attribute Selections (If Attribute Machine Is Not Being Used) ---- //

Are there any specific settings that need to be configured to trigger it? It looks like it works with all attribute types. I've tried radio buttons and drop down select but the product price doesn't change with either one. I'm not seeing any javascript errors. I'm wondering about the settings in the Attribute Machine? The Displayed Price and the Additional Price Display.

[Matt Zimmermann]

Hi Leslie,

In that case, the code Brennan is referring to is included with Storyteller. You can locate it in the scripts.js file by searching for:

// ---- Update Display Price Based on Attribute Selections (If Attribute Machine Is Not Being Used) ---- //

[lesliekirk]

Hi Leslie,

The code you are referring to could cause conflicts if you add it where a product is using inventory variants and non-variant attributes.

I'm thinking it would only be non-variant attributes. The has dozens of Attribute Templates that they go through and update pricing with. Inventory Variants wouldn't work since the Attribute Template must be "copied" to work. Unless something has changed that allows the Attribute Template to be "linked" and work with Inventory Variants (which would be awesome).

[Matt Zimmermann]

Hi Leslie,

The code you are referring to could cause conflicts if you add it where a product is using inventory variants and non-variant attributes.

[lesliekirk]

Normally in order to get the price to change automatically based on the attribute selected you must use inventory variants. This is the only method miva supports by default. There are some use cases where you don't want inventory variants for whatever reason.

Because of that in a few of the readythemes (suivant, optics, iron & wool, coustic and levels) we added custom javascript specific to those themes which will do this price change for you without inventory variants. This is why it is working for you on some products even though do you don't have variants.

How difficult would it be to use this custom javascript with Storyteller? I have a store owner that does not want to use Inventory Variants.

[lesliekirk]

Hi Leslie,

Is there a reason the priced attribute isn't part of the variant? Without going one way or the other, I don't see a clean way to make it work.

So the store owner doesn't have to deal with all the inactive Inventory Variant products it's going to create. This item is more of an add-on but I don't think I can kit build.

[Matt Zimmermann]

Hi Leslie,

Is there a reason the priced attribute isn't part of the variant? Without going one way or the other, I don't see a clean way to make it work.

[lesliekirk]

What you recommend I do for an item that has a combination of Inventory Variant and non Inventory Variant Attributes. The Inventory Variants have a price of 0.00 but the attribute that isn't an Inventory Variant has a price that I need to dynamically update the product price when selected.

[Matt Zimmermann]

Hi Leslie,

This code will only run if the particular product is not using variants. If a product is using variants, attribute machine takes over and the price will update if the variants are set up to do that.

[lesliekirk]

Hi Leslie,

Looks like there was a typo in the Storyteller product page code. To get the functionality working, change the data-hook value of the form to

data-hook="product-details__purchase"

Okay, cool. That works nicely, it seems, as long as there are no Inventory Variants involved. Is there a way for this to co-exist nicely with a combination of them?

[Matt Zimmermann]

Hi Leslie,

Looks like there was a typo in the Storyteller product page code. To get the functionality working, change the data-hook value of the form to

data-hook="product-details__purchase"

[lesliekirk]

Hi Leslie,

Storyteller ships with a version of this functionality.

Hmmmm, then I must be doing something wrong. This is a recent install of Storyteller and the dynamic pricing isn't working. Is there a certain way that I need to configure the attributes? The site is behind a wall so I can't share it publicly.