Shopify Theme Tutorials

Start learning Shopify's Templating Language today!

Begin Learning
Continue Reading

Include an additional accessory/product to a product page without a plugin. The implementation gets json data using a product handle, checks its availability, and shows the add on option. Shopify AJAX "/cart/add.js" function is used to include the add on and main product to the cart after the product form submission.

Continue Reading

Use Theme Kit as a command line tool to automatically deploy local files to your online Shopify theme. Cut down on development time with quickly saving and uploading files using Theme Kit. You will need to create a private app with theme permissions, your theme id, and store address to get started.

Continue Reading

We will be adding Bootstrap, the world’s most popular front-end open source toolkit, to our Shopify theme. It requires proper ordering of assets and files. After adding the Bootstrap we will add a fluid and dynamic slider, Slick Slider! These plugins are a foundation for integrating different parts of a Shopify theme.

Continue Reading

Shopify themes only need two files, layout/theme.liquid and templates/index.liquid. File requirements: theme.liquid includes {{ content_for_header }} between the head tags and {{ content_for_layout }} between the body tags. The index.liquid file is the homepage template. These two files show a single homepage website.

Continue Reading