Samples of Custom Code for Shopify Cart

With some custom coding, you can limit Partial.ly on your Shopify store. Below are examples of various scripts to customize the Partial.ly button on your cart page.

Limit by Product Tags

#1. Limit Cart Page Button to Product Tag:

 {% 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%}

#2. Limit Cart Page Button to Multiple Offers and Product Tags:

  {% 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 %}
       

<div id="partiallyCartButtonContainer"></div>
<script>
document.partiallyButtonConfig = {
     offer: '{{Partially}}',
     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 %}

*Notice that the offer line within the Parial.ly script above has been altered to be:

offer: '{{Partially}}',

#3. Limit Some Offers to a Specific Product Tag while all Other Products use a Different Offer

{% 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 %}
       
<div id="partiallyCartButtonContainer"></div>
<script>
document.partiallyButtonConfig = {
     offer: '{{Partially}}',
     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 %}

*Notice that the offer line within the Parial.ly script above has been altered to be:

offer: '{{Partially}}',

#4. Make Product Tag Ineligible for Partial.ly

{% 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 %}

Instead of {% if Partially %}, use {% unless Partially %} to make the tag ineligible

Limit by Price Range

#1. Only allow purchases above a certain amount:

{% if cart.total_price > 10000 %}

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

{% endif %}

The code above only allows orders over $100.

#2. Limit All Cart Purchases to a Specific Price Range:

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

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

The code above only allows order between $500 and $1800.

#3. Limit Multiple Offers to Multiple Price Ranges on Cart:

{% 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 %}
       
<div id="partiallyCartButtonContainer"></div>
<script>
document.partiallyButtonConfig = {
     offer: '{{Partially}}',
     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 %}

The code above limits Offer 1 to $1-$399.99, Offer 2 to $400 - $999.99, Offer 3 to $1000 and above.

*Notice that the offer line within the Parial.ly script above has been altered to be:

offer: '{{Partially}}',

Limit by Product ID or Variant ID:

#1. Limit Specific Offer to Specific Product ID on Cart:

{% 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 %}
         
<div id="partiallyCartButtonContainer"></div>
<script>
document.partiallyButtonConfig = {
     offer: '{{Partially}}',
     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 %}

*Notice that the offer line within the Parial.ly script above has been altered to be:

offer: '{{Partially}}',

#2. Limit Specific Offer to Specific Variant ID on Cart:

{% assign Partially = 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' %}
  
        {% endif %}
        {% endfor %}

         {% if Partially %}
         
<div id="partiallyCartButtonContainer"></div>
<script>
document.partiallyButtonConfig = {
     offer: '{{Partially}}',
     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 %}

*Notice that the offer line within the Parial.ly script above has been altered to be:

offer: '{{Partially}}',

Don't see what you need?

Please email support@partial.ly.

Samples of Custom Code for Shopify Cart

Limit by Product Tags

#1. Limit Cart Page Button to Product Tag:

#2. Limit Cart Page Button to Multiple Offers and Product Tags:

#3. Limit Some Offers to a Specific Product Tag while all Other Products use a Different Offer

#4. Make Product Tag Ineligible for Partial.ly

Limit by Price Range

#1. Only allow purchases above a certain amount:

#2. Limit All Cart Purchases to a Specific Price Range:

#3. Limit Multiple Offers to Multiple Price Ranges on Cart:

Limit by Product ID or Variant ID:

#1. Limit Specific Offer to Specific Product ID on Cart:

#2. Limit Specific Offer to Specific Variant ID on Cart:

Don't see what you need?

Samples of Custom Code for Shopify Product Pages

Create Custom Workflows with Partial.ly and Zapier Paths

Connecting Squarespace

Create Custom Workflows with Partial.ly and Zapier Paths

Connecting Squarespace