Skip to main content

Product Page Visibility

Product visibility is added in Product page

image

How to integrate​

Step 1: HTML Component in Product page

// Formular: 
<div class="script-product-container"
     data-fundiin-loop-product-price-origin="{{product_price}}">
</div>

Step 2 : Initialise the config style options on Script

// Formular: 
const fundiinProductConfig = {
  style: {
  }
};

Step 3 : JS Component in Footer

// Formular: 
<script type="application/javascript" 
        crossorigin="anonymous" 
        src="{HOST}/merchants/productjs/(merchantId).js">
</script>

Where, (HOST) - following below:

EnvironmentDomain
Productionhttps://gateway.fundiin.vn
Staginghttps://gateway-sandbox.fundiin.vn

(merchantId) - Fundiin provides merchantId (MID) as a unique identifier to each merchant.

Example​

product.html

// product price = 300.000đ
<div class="script-product-container" 
     data-fundiin-loop-product-price-origin="300000">
</div>

footer.html

<script>
    const fundiinProductConfig = {
        style: {
        }
    };
</script>
// fundiin
<script type="application/javascript" crossorigin="anonymous" src="https://gateway-sandbox.fundiin.vn/merchants/productjs/FD200000165745.js">
</script>

Contents