Samples of Custom Code for Shopify Cart

Limit by Product Tags:


 {% assign Partially = false %}
       {% for line_item in cart.items %}

       {% if line_item.product.tags contains 'PRODUCT_TAG' %}
       {% assign Partially = true %}
       {% endif %}
       {% endfor %}

       {% if Partially %}

[PARTIAL.LY SHOPIFY SCRIPT FROM INTEGRATION TOOL GOES HERE]

{% endif %}


 {% assign Partially = false %}
       {% for line_item in cart.items %}

       {% if line_item.product.tags contains 'TAG1' %}
       {% assign Partially = 'OFFER1' %}

  {% elsif line_item.product.tags contains 'TAG2' %}
       {% assign Partially = 'OFFER2' %}

  {% elsif line_item.product.tags contains 'TAG3' %}
       {% assign Partially = 'OFFER3' %}

       {% endif %}
       {% endfor %}

       {% if Partially %}
       
[PARTIAL.LY SHOPIFY SCRIPT FROM INTEGRATION TOOL GOES HERE]

{% endif %}

*You must replace the offer line within the Partial.ly script with:


 offer: '{{Partially}}',


{% assign Partially = false %}
       {% for line_item in cart.items %}

       {% if line_item.product.tags contains 'TAG1' %}
       {% assign Partially = 'OFFER1' %}

  {% elsif line_item.product.tags contains 'TAG2' %}
       {% assign Partially = 'OFFER2' %}

  {% else %}
        {% assign Partially = 'OFFER-FOR-EVERYTHING-ELSE' %}   

       {% endif %}
       {% endfor %}

       {% if Partially %}

[PARTIAL.LY SHOPIFY SCRIPT FROM INTEGRATION TOOL GOES HERE]

{% endif %}

*You must replace the offer line within the Partial.ly script with:


 offer: '{{Partially}}',


{% assign Partially = false %}
        {% for line_item in cart.items %}
        
{% if line_item.product.tags contains 'PRODUCT-TAG' %}
        {% assign Partially = true %}
        {% endif %}
        {% endfor %}

         {% unless Partially %}

[PARTIAL.LY SHOPIFY SCRIPT FROM INTEGRATION TOOL GOES HERE]

{% endunless %}

Limit by Price Range:


{% if cart.total_price > 10000 %}

[PARTIAL.LY SHOPIFY SCRIPT FROM INTEGRATION TOOL GOES HERE]

{% endif %}


{% if cart.total_price >= 50000 and cart.total_price <= 180000 %}    

[PARTIAL.LY SHOPIFY SCRIPT FROM INTEGRATION TOOL GOES HERE]
          
{% endif %}


{% assign Partially = false %}
       {% for line_item in cart.items %}

       {% if cart.total_price >= 100 and cart.total_price <= 39999 %}    
       {% assign Partially = 'Offer1ID' %}

  {% elsif cart.total_price >= 40000 and cart.total_price <= 99999 %}    
       {% assign Partially = 'Offer2ID' %}

  {% elsif cart.total_price >= 100000 %}
       {% assign Partially = 'Offer3ID' %}

       {% endif %}
       {% endfor %}

       {% if Partially %}

       [PARTIAL.LY SHOPIFY SCRIPT FROM INTEGRATION TOOL GOES HERE]
          
{% endif %}

*You must replace the offer line within the Partial.ly script with:


 offer: '{{Partially}}',

Limit by Product ID or Variant ID:


{% assign Partially = false %}
        {% for line_item in cart.items %}
        
        {% if line_item.product.id == PRODUCT-ID-1 %}
        {% assign Partially = 'OFFER-ID-1' %}
  
 		{% elsif line_item.product.id == PRODUCT-ID-2 %}
        {% assign Partially = 'OFFER-ID-2' %}
  
        {% endif %}
        {% endfor %}

         {% if Partially %}

[PARTIAL.LY SHOPIFY SCRIPT FROM INTEGRATION TOOL GOES HERE]

{% endif %}

*You must replace the offer line within the Partial.ly script with:


 offer: '{{Partially}}',


     
{% assign Partially = false %}
{% assign has_ineligible_variant = false %}

{% for line_item in cart.items %}

{% if line_item.variant.id == VARIANT-ID-1 %}
{% assign Partially = 'OFFER-ID-1' %}

{% elsif line_item.variant.id == VARIANT-ID-2 %}
{% assign Partially = 'OFFER-ID-2' %}
  
{% else %}
{% assign has_ineligible_variant = true %}
{% endif %}

{% endfor %}

{% if Partially and has_ineligible_variant == false %}     

[PARTIAL.LY SHOPIFY SCRIPT FROM INTEGRATION TOOL GOES HERE]

{% endif %}

*You must replace the offer line within the Partial.ly script with:


 offer: '{{Partially}}',

Limit by Tag and Price:


 {% assign Partially = false %}
       {% for line_item in cart.items %}

       {% if line_item.product.tags contains 'TAG' %}
       {% assign Partially = true %}
       {% endif %}
       {% endfor %}

       {% if Partially %}

<div id="partiallyCartButtonContainer"></div>
<script>
document.partiallyButtonConfig = {

    {% if cart.total_price < 150001  %}
     offer: 'OFFER_ID',
    {% else %}
  offer: 'OFFER_ID',
    {% endif %}

     returnUrl: '{{shop.url}}/cart',
     returnConfirmedUrl: '{{shop.url}}/cart/clear',

     cssButton: true,
     cssButtonText: 'Purchase with',

     cssButtonShowLogo: true,
     cssButtonLogoType: 'full',
     cssButtonLogoPlacement: 'after',

     renderSelector: '#partiallyCartButtonContainer',

    baseUrl: 'https://demo.partial.ly',

    shopifyCart: {{cart | json}}
   };
   (function() {
     var script = document.createElement('script');
     script.type = 'text/javascript';
     script.src = 'https://partial.ly/js/partially-checkout-button.js';
     script.async = true;
     document.head.appendChild(script);
   })();
</script>

{% endif %}

Multiple checkout buttons appear on cart at once:


<div id="partiallyCartButtonContainer"></div>
<div id="partiallyCartButtonContainer2"></div>

<script src="https://partial.ly/js/partially-checkout-button.js"></script>
<script>
var basePartiallyConfig = {
     returnUrl: '{{shop.url}}/cart',
     returnConfirmedUrl: '{{shop.url}}/cart/clear',
     cssButton: true,
     cssButtonText: 'BUTTON-TEXT',
     cssButtonShowLogo: true,
     cssButtonLogoType: 'full',
     cssButtonLogoPlacement: 'before',
     cssButtonCustomBg: '#6623e9',
     renderSelector: '#partiallyCartButtonContainer',
    shopifyCart: {{cart | json}}
   };
   
// set the first offer and init button
basePartiallyConfig.offer = 'OFFER-ID-1';
var button1 = new PartiallyButton(basePartiallyConfig);
button1.init();

// set the second offer
basePartiallyConfig.offer = 'OFFER-ID-2';
basePartiallyConfig.renderSelector = '#partiallyCartButtonContainer2';
var button2 = new PartiallyButton(basePartiallyConfig);
button2.init();
</script>


<div id="partiallyCartButtonContainer"></div>
<script src="https://partial.ly/js/partially-checkout-button.js"></script>          
<script>
var basePartiallyConfig = {
     returnUrl: '{{shop.url}}/cart',
     returnConfirmedUrl: '{{shop.url}}/cart/clear',

     cssButton: true,
     cssButtonText: 'BUTTON-NAME-1',
     cssButtonShowLogo: true,
     cssButtonLogoType: 'full',
     cssButtonLogoPlacement: 'after',

     renderSelector: '#partiallyCartButtonContainer',
    shopifyCart: {{cart | json}}
   };
basePartiallyConfig.offer = 'OFFER-ID-1';
var button1 = new PartiallyButton(basePartiallyConfig);
button1.init();
</script>


<div id="partiallyCartButtonContainer2"></div>
<script src="https://partial.ly/js/partially-checkout-button.js"></script>           
<script>
var basePartiallyConfig = {
     returnUrl: '{{shop.url}}/cart',
     returnConfirmedUrl: '{{shop.url}}/cart/clear',

     cssButton: true,
     cssButtonText: 'BUTTON-NAME-2',
     cssButtonShowLogo: true,
     cssButtonLogoType: 'full',
     cssButtonLogoPlacement: 'after',

     renderSelector: '#partiallyCartButtonContainer2',
    shopifyCart: {{cart | json}}
   };
basePartiallyConfig.offer = 'OFFER-ID-2';
basePartiallyConfig.renderSelector = '#partiallyCartButtonContainer2';
var button2 = new PartiallyButton(basePartiallyConfig);
button2.init();
</script>

Don't see what you need?

Samples of Custom Code for Shopify Cart

Shopify FAQs

Partial.ly's Shopify Integration

Add Partial.ly Checkout Button to Your Shopify Cart and/or Product Pages

Samples of Custom Code for Shopify Product Pages

Partial.ly Widget for Shopify