Shopify Theme Tutorials

Shopify Liquid for Beginners

Start learning Shopify's Templating Language today!

Sections are not showing up in theme customize

Upsell with add ons on the product page

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.

Theme Kit, automatically upload theme files

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.

Adding Bootstrap CSS and JS

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.