Product Level Directive Documentation
Edit on
Codepen.io
Codepen.io
data-fsc-item-quantity-value
Used in conjunction with ‘closest’ data-fsc-action=”Update” will pass to API – numeric
x
33
1
<!--
2
DEMO INFO
3
Define a way to take an input
4
-->
5
<select data-fsc-item-path-value="phot-io-main-app" data-fsc-item-quantity-value>
6
<option value="1">1</option>
7
<option value="2">2</option>
8
<option value="3">3</option>
9
<option value="4">4</option>
10
<option value="5">5</option>
11
</select>
12
<!-- Then Use fsc-action="Update" to update cart in button -->
13
<button data-fsc-item-path-value="phot-io-main-app" data-fsc-action="Update">Update</button>
14
15
<!--
16
DEMO RESULTS
17
-->
18
<br /><br />
19
Quantity:
20
<span data-fsc-item-path="phot-io-main-app" data-fsc-item-quantity>
21
<!--This value will be replaced-->
22
</span>
23
24
<!--
25
DEMO SETUP
26
- Initialize the Store Builder Library
27
-->
28
<script
29
id="fsc-api"
30
src="https://sbl.onfastspring.com/sbl/1.0.2/fastspring-builder.min.js"
31
type="text/javascript"
32
data-storefront="fastspringexamples.test.onfastspring.com/popup-fastspringexamples">
33
</script>
1
1
1
1