Shopify Design Tips

This guide will go through how to implement a custom multi-level dropdown with Liquid. This guide will assume you are creating a dropdown with 3 le...

This technique was first used on the VaVaVoo Store.  Make sure Ajax is enabled  Customize Theme > Cart > Ajax Cart Selected Locate and open j...

To create Product Specifications for sizes, the following code can be used. Display Size, Chest, and Body Length <h4>Product Specifications...

By default all slider images are .jpg's, but occasionally the slider needs to have the transparent properties of a png. This technique was first us...

To fix an IE related issue add the following code to the head of the theme.liquid file. Add the code fixes between the <style> tags.   <!-...

How to edit the Search Bar. 1. Open Theme.liquid and add the following code before the closing </script>  tag. //start search bar visibility ...

How to hide the Shopify search bar. Add this to your theme.liquid script section: $('.search-toggle').on('click', function(e){ e.preve...

On some websites like Varese the "On Sale" sticker needs to be repositioned. Use the following code and adjust the values accordingly.  Method 1. (...

All Sandbag sites require a unique footer Open footer.liquid Delete all of the existing code and add the following: <p class="text-center fo...

This technique was first used on the Anjuna Store. 

For some stores, we want to display additional rows of Collections in a Shopify store.  Go to the Edit HTML / CSS Page. Locate and open index.liqu...

Occasionally, a branding design calls for moving the navbar to an area below the header.         Go to the Edit HTML / CSS Page. Locate and open t...