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 %}
[PARTIAL.LY SHOPIFY SCRIPT FROM INTEGRATION TOOL GOES HERE]
{% endif %}
*You must replace the offer line within the Partial.ly script with:
offer: '{{Partially}}',
#3. Limit some products offers, 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 %}
[PARTIAL.LY SHOPIFY SCRIPT FROM INTEGRATION TOOL GOES HERE]
{% endif %}
*You must replace the offer line within the Partial.ly script with:
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 %}
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 %}
#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 %}
#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 %}
[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:
#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 %}
[PARTIAL.LY SHOPIFY SCRIPT FROM INTEGRATION TOOL GOES HERE]
{% endif %}
*You must replace the offer line within the Partial.ly script with:
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 %}
[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:
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:
Option #1:
<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>
Option #2:
<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?:
Contact our support team at support@partial.ly.
If you need code for your product pages, please see the following article: Samples of Custom Code for Shopify Product Pages