Shopify

Posts in Category

How to display product tags in Shopify?

To display a product tag on Shopify products, like a “Coming Soon”, “Sale” or “Pre-Order” tag, we need to use a simple liquid snippet in our template. Usually, we want to display that TAG within a collection, so it is easilly visible when a user browses through all products. Depending on the theme, you will need to put that snippet in product.liquid, collection.liquid or a similar snippet/template.
Read more

Instagram Sales Channel Now Available in New Countries

With over 500 million daily active users, Instagram is one of the fastest growing social apps around, connecting consumers with brands and products every day.

We’re excited to announce Shopify’s Instagram sales channel is expanding internationally to businesses in the UK, Australia, Canada, Germany, France, Italy, Spain, and Brazil. Read more

What Shopify Theme A Store Is Using

You saw a great looking Shopify store and want to know what theme it is using? There are a few ways to find out which theme a Shopify store is using, and the approach we recommend is to look directly into the code.

You can either use a web developer toolbar in Chrome (or Firefox e.t.c.) or you can press the Right Click – View Page Source. Then search for a word “theme” and find a chunk of code looking something like this:

Read more

Importing Shopify CSV – Errors

The fastest way to bulk update your products in Shopify is via CSV. In order to have a properly structured document, you will need to edit it exactly by the Shopify’s standard. That means if you are just starting your import for the first time, you need to download Shopify’s sample .csv file, or if you have downloaded it previously, you will need to update your changes via “Products -> Import”.

Read more

Display Amount You Save On Discounted Price In Shopify

Let’s say you want to discount a certain product (“compare at price” in Shopify) and display to the customer the amount he is saveing by this discount, and the percentage the price is discounted for.

We found this solution a while back and it did the trick. Use this Javascript code in your product.template (under “Templates” or “Sections” in the “Theme – Edit Code”):

Read more

Filter Search Results in Shopify

If you wish to display certain search results on your store, as opposed to all which is the default, you will have to specify so in the code.

Possible scenario, one which we encounter the most, is that the clients do not want to display blog posts when search is used, but only products.

Depending on the theme you use, the part of code you need will be located within the search.liquid or possibly theme.liquid as well.

Read more

Blog Sidebar With Recent Posts

Shopify, though being an awesome eCommerce platform, is notorious for its poor blogging options.
One of the issues you’ll need to solve sooner or later is to add new dynamic features to the blog, one of the more important ones being a sidebar with the “Recent posts”.

Obviously, there is more than one solution to have this working, but here is one way to do it.

Read more

Shopify Log Out Link

We had an interesting case of a theme that doesn’t have the log out link! Customers were emailing the client asking how to log out once they placed their order, and there was no way to do it.

If you stumble upon the same theme, or need this line of code to use somewhere on the site, here it is:

{{ 'Log out' | customer_logout_link }}

You can edit the CSS per your needs targeting the #customer_logout_link.

Commenting In Liquid

Liquid has its own syntax, and if you need to comment parts of code, instead of trying to comment HTML or deleteing code you may need later on, simply use:

{% comment %}
{% endcomment %}

Example

{% comment %}
{% if form.errors %}
  <div class="{{ form_errors_class }}">
    {{ form.errors | default_errors }}
  </div>
{% endif %}
{% endcomment %}