data-fsc-item-selection-smartdisplay-inverse

<!-- Define a tag that will have substitutable text, and another for its inverse -->

<span data-fsc-item-path="phot-io-main-app" data-fsc-item-selection-smartdisplay>The Phot.io App is in the cart, so we can remove it below.</span>

<span data-fsc-item-path="phot-io-main-app" data-fsc-item-selection-smartdisplay-inverse>The Phot.io App is not in the cart, so we can add it below.</span>

​

<!-- Define a button and its inverse -->

<button data-fsc-item-path-value="phot-io-main-app" data-fsc-action="Add" data-fsc-item-path="phot-io-main-app" data-fsc-item-selection-smartdisplay-inverse>Add to Cart</button>

<button data-fsc-item-path-value="phot-io-main-app" data-fsc-action="Remove" data-fsc-item-path="phot-io-main-app" data-fsc-item-selection-smartdisplay>Remove from Cart</button>

​

<!--

    DEMO SETUP

        - Initialize the Store Builder Library

-->

<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>