Skip to content

Instantly share code, notes, and snippets.

<!-- Add to cart.liquid -->
{% if customer %}
{% else %}
<div style="text-align: center;">
<b><a href="/account/login">Sign in</a></b> or
<b><a href="/account/register">Create a free Account</a></b>
to use your Membership benefits.
</div>
{% endif %}
.sam-hidden {
display: none !important;
}
.sam-cart-total, .sam-discount-info, .sam-notes {
background-color: #7CD5FA;
color: #000000;
padding: 0px !important;
}
{% include 'saw_compute_discount' with item.product %}
{% include 'saw_variant' with item.variant %}
{% if saw_has_discount == false or saw_variant_price >= saw_variant_compare_at_price %}
{{ item.price | money }}
{% else %}
{{ saw_variant_price | round | money }}<br>
<del>{{ saw_variant_compare_at_price | money }}</del>
<!-- line_price:
theme.liquid
{% if customer.tags == blank %}{% else %}
<script>
{% if template != 'cart' %}
jQuery(function(){
jQuery('body').on('click', "input[name='checkout'], input[value='Checkout'], button[name='checkout'], input[name='goto_pp'], button[name='goto_pp'], input[name='goto_gc'], button[name='goto_gc'], [href$='checkout']", function(e){
e.preventDefault();
window.location = "/cart";
Before using any of the variables below, add this line, once per file
{% include 'buyx-price-min' with product %}
The following blocks are original code, if exist, and replacement code.
Note that instead of product.price, there might be variations like item.price, or product-block.price etc.
====
At the top, add:
{% include 'buyx-product' with product %}
{% include 'buyx-price-min' with product %}
The following blocks are original code, if exist, and replacement code.
====
{% for option in product.options %}
{% include 'collection-filter-v2' %}
{% for tag in collection.all_tags %}
{% unless tag contains 'cf-' %}
<!-- initial for loop content goes here-->
{% endunless %}
{% endfor %}
/* Your designer can adjust these to get all kind of looks:
one or separate lines, active links instead of checkboxes, colors etc. */
.collection-filters-container {
/*
*/
text-align: center;
margin: 10px 0px 10px 0px;
<div class="collection-filters-container cf-select-wrapper"></div>