Advanced Shopify Theme Development (Skillshare)

Offered by Skillshare,
Advanced Shopify Theme Development (Skillshare)

Join Shopify Expert and founder of Disco Gavin Ballard to see how to take your Shopify theme development skills to the next level. Intended for web designers and developers with some prior Shopify experience, this course follows on from Kurt Elster's introductory course "Shopify Essentials for Web Designers".

If you're just getting started with Shopify themes, it's recommended for you to take that course first (it's also available for free right here on Skillshare).
As a class project, you'll be asked to take an existing theme and revamp the Collections page, focusing on implementing features covered in the course. This includes Ajax functionality, advanced filtering and sorting, custom styling, and resolving potential performance issues.
Level Up a Collections Page

When you're engaged by a new client, more often than not you'll be working with an existing Shopify theme rather than starting from scratch every time. To emulate this, our class project for this course focuses on a fictional store with a very minimalistic theme. We've been hired by the store owner to make some specific changes that they hope will make the store more usable for customers and lead to better conversion rates.
To get the files for the initial state of the theme, as well as instructions on how to set them up on a development store, check out the project Github repository. The repository also contains instructions on how to use Shopify's sample product CSV files to get a large number of realistic products into your development store.
Once you've gotten the setup out of the way, it's time to get to work! The main focus of the store owner is their Collections page (templates/collection.liquid). They have a basic page up and running, but they want to make the following improvements:

  • Add the ability to sort products by price (low to high and high to low);
  • Add the ability to filter products by tag;
  • Add the ability to add a product to the customer's cart directly from the collections page with a "Quick Add" button. When the products are added to the cart, the owner would like the cart total in the navigation menu to be updated appropriately.

The first two of these improvements are directly covered in the lesson Filtering, sorting and viewing collections. The third is similar to the way we added Ajax cart functionality in the lesson Building Ajax-powered carts.
In addition to the above, the store owner heard somewhere that Shopify theme performance is really important. They're hoping that if you have time, you'll be able to:
Inspect their theme for potential performance issues; and
Set up an improvement build workflow to make sure their assets and images and compressed, minified and optimised for performance.
You might want to review the lessons on Best Practices and Advanced deployment for these tasks.
Once you're done with your version of the project, submit a screenshot here on Skillshare along with a link to the real thing on your development store. If you've been following the workflow practices outlined early on in the course, you might want to provide a link to your code repository on Github or another source code hosting provider so that others are able to review your changes.
If you get stuck at any stage, head over to the Discussions page and post your question there.
Good luck!

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Hacking Digital Styleguides for Accessibility: Type, Color, Imagery (Skillshare) Skillshare
Skillshare

Hacking Digital Styleguides for Accessibility: Type, Color, Imagery (Skillshare)

Accessible design is more important than ever, with over 15% of people affected by a disability that changes how they interact with the web. As designers, it is our responsibility to ensure our designs are inclusive and reflect all of our users' needs. Join independent interactive art director and designer Tatiana Mac on a 42-minute class that will show you how to consider accessibility for your next project.

Self Paced
Self-Paced
Shopify Essentials for Web Developers: From Store Setup to Custom Themes (Skillshare) Skillshare
Skillshare

Shopify Essentials for Web Developers: From Store Setup to Custom Themes (Skillshare)

Join Shopify Expert and agency owner Kurt Elster to learn how to setup, design, build, and customise a Shopify ecommerce store. Intended for web designers and developers, this course is a primer on the complete Shopify ecosystem, with a focus on how to get started with theme modification, a stepping stone to complete custom development.

Self Paced
Self-Paced
E-commerce Academy (Coursera) Coursera
Universidad de Palermo

E-commerce Academy (Coursera)

Este curso presenta todos los elementos necesarios para el desarrollo de un comercio electrónico y las variables que se deben considerar para poder vender online, ya sea productos o servicios. A lo largo de las cuatro semanas, analizaremos las características de las tiendas virtuales y qué aspectos debemos tener en cuenta para desarrollarlas.

Sep 14th 2026
4 Weeks
Designing a seamless Line Icon Pattern: Bringing those Backgrounds to Life. (Coursera) Skillshare
Skillshare

Designing a seamless Line Icon Pattern: Bringing those Backgrounds to Life. (Coursera)

In this class you'll learn how to design seamless pattern backgrounds for use on a number of projects, such as: Web/ Mobile, Illustration, Print, Promotional backdrops and more. All within Adobe Illustrator. We'll cover some basic iconography design, artwork preparation, and the best practises for saving your background out for it's intended purpose.

Self Paced
Self-Paced
Email Marketing for E-Commerce: Tips and Tools to Increase Sales | Learn with Mailchimp (Skillshare) Skillshare
Skillshare

Email Marketing for E-Commerce: Tips and Tools to Increase Sales | Learn with Mailchimp (Skillshare)

Eager to take your email marketing to the next level, and start increasing sales? This tactical 25-minute class with Mailchimp’s Director of VIP Services, Ariana Hargrave, shares tools and tips you can put into action today to send better emails and achieve your business goals. Ariana walks through three key concepts to boost your business through email – Automation, Optimization, and Personalization – and several helpful tactics and visual examples within each.

Self Paced
Self-Paced
Introduction to Keyboard Maestro Macros for eCommerce (eBay, Poshmark, Mercari Automation) (MAC) (Skillshare) Skillshare
Skillshare

Introduction to Keyboard Maestro Macros for eCommerce (eBay, Poshmark, Mercari Automation) (MAC) (Skillshare)

This class is designed to give e-commerce sellers a basic understanding of how to use macros to automate repetitive tasks like listing items, ending items, accounting and bookkeeping, email tasks and text shortcuts. Selling on multiple platforms can be tedious, and the use of macros speeds up basic processes and reduces the chances for human errors. You should be able to make a basic macro after this course.

Self Paced
Self-Paced
WordPress for Beginners - Understand WordPress Quickly (Skillshare) Skillshare
Skillshare

WordPress for Beginners - Understand WordPress Quickly (Skillshare)

Learn how to work with WordPress and develop a website using AIT WordPress Themes. No coding or experience required. This class presents the basics of working with WordPress and offers practical screencast tutorials to teach you how to use our themes when building a new website. In short videos, you can find answers to FAQs that beginners most often encounter when getting familiar with WordPress. The course contains more than one hour of video tutorials.

Self Paced
Self-Paced
How To Make A Real Estate Website With Wordpress 2017 (Skillshare) Skillshare
Skillshare

How To Make A Real Estate Website With Wordpress 2017 (Skillshare)

n this video, I will teach you how to make a fully responsive real estate wordpress website. This wordpress tutorial will help real estate agents, realtors, or property managers create a fully functional real estate wordpress website. The theme i use in this tutorial is the agentpress pro theme created by studiopress. Trust me, i spent about 1 month researching real estate wordpress themes and this was by far the best real estate websites. The theme is very easy to use and very responsive on the mobile devices.

Self Paced
Self-Paced
How to Create a Personal/Portfolio Website (Skillshare) Skillshare
Skillshare

How to Create a Personal/Portfolio Website (Skillshare)

This class will teach you how to professionally create an awesome personal/portfolio website! By the end of the class,you'll have a beautiful and fully functioning website that can help you land jobs, clients, and mega style points with employers. This class is taught step-by-step so it's very easy to follow along with your own website. I also include a free template of the website we will we making (in the Projects Tab > Resources), as well as follow along images for you.

Self Paced
Self-Paced
How To Create A Web Hosting Business With Wordress - WHMCS Tutorial (Skillshare) Skillshare
Skillshare

How To Create A Web Hosting Business With Wordress - WHMCS Tutorial (Skillshare)

Welcome! In This Wordpress Tutorial, I Will Show you How to use the WHMCS App to create your own web hosting business from scratch! The WHMCS platform is an automated platform that basically allows your to create your own web hosting company. People can come to your wordpress website, purchase a domain and hosting and also install wordpress. Many companies use this same platform like namehero.com and a2hosting.

Self Paced
Self-Paced
HTML5 for Web Development (HTML5 for Beginners) (Skillshare) Skillshare
Skillshare

HTML5 for Web Development (HTML5 for Beginners) (Skillshare)

HTML is a hypertext markup language. It is the most important building block of any website on the internet. HTML is used to describe the content of the website. In this class, I will teach you everything you need to know about HTML and HTML5 (the newest version). I try to go directly to the point and teach by example.

Self Paced
Self-Paced