Select Page
Product Level Directive Documentation
Edit on
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

Related Topics