data-fsc-action=”Replace”

<!--

    DEMO EXTRA INFO

-->

Products currently in the cart

<!-- Display cart -->

<div data-fsc-selections-smartdisplay data-fsc-items-container='shopping-cart' data-fsc-filter="selected=true">

</div>

​

<!--

    DEMO INFO

    Please note that this product level directive requires

    a second product or variation configured as an upsell 

    to work properly. Both "Add" and "Replace" work the same way.

     - Add a button for Add or Replace

-->

<button data-fsc-item-path-value="upsell" data-fsc-action="Add" >

    Add to Cart

</button>

​

<button data-fsc-item-path-value="upsell" data-fsc-driver-item-path-value="phot-io-main-app" data-fsc-action="Replace" >

    Replace

</button>

​

<!--

    DEMO SETUP

        - Initialize the Store Builder Library

        - Add the item with an upsell to the cart

        - Build a cart

-->

<script

    id="fsc-api"

    src="https://sbl.onfastspring.com/sbl/1.0.2/fastspring-builder.min.js"

    type="text/javascript"

    data-storefront="fastspringexamples.test.onfastspring.com/popup-fastspringexamples">

</script>

​

<script type="text/javascript">

    fastspring.builder.add('phot-io-main-app')

</script>

​

<script data-fsc-template-for="shopping-cart" type="text/x-handlebars-template">

    <ul>

    {{#each items}}

        {{#each items}}

            <li>

                {{this.display}}

            </li>

        {{/each}}

    {{/each}}

    </ul>

</script>