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

Website Design In WordPress For Beginners: Learn To Build a Website In 1 Hour (Skillshare) Skillshare
Skillshare

Website Design In WordPress For Beginners: Learn To Build a Website In 1 Hour (Skillshare)

Welcome to my Website Design In WordPress For Beginners: Learn To Build a Website In 1 Hour class! This class will teach you how to create a Wordpress website from scratch and will cover everything you need to know from the very beginning of buying a website domain name, all the way to installing plugins to protect your website and then finally publishing and launching your website!

Self Paced
Self-Paced
Javascript Fun: Build a Photo Effects App! (Skillshare) Skillshare
Skillshare

Javascript Fun: Build a Photo Effects App! (Skillshare)

Welcome to the Javascript fun series! For web design or development, there are 3 must-know technologies, HTML, CSS, and Javascript. The main aim of the Javascript fun series is to take your knowledge of these 3 (only a little is required!), and put them into practice by building a series of educational, yet fun projects that show you exactly how they work perfectly together. Working on projects and solving problems is a great way to learn.

Self Paced
Self-Paced
How To Create a Website in a Weekend! (Project-Centered Course) (Coursera) Coursera
The State University of New York

How To Create a Website in a Weekend! (Project-Centered Course) (Coursera)

In this project-centered course*, you’ll design, build, and publish a basic website that incorporates text, sound, images, hyperlinks, plug-ins, and social media interactivity. We’ll provide you with step-by-step instructions, exercises, tips, and tools that enable you to set up a domain name, create an attractive layout for your pages, organize your content properly, ensure that your site functions well across different operating systems and on mobile devices, keep your site safe, and finally, let people know your site is online. We’ll even show you how to track your visitors.

Jun 22nd 2026
3 Weeks
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
Build an Online Shop: Design and Launch Your Own Big Cartel Store (Skillshare) Skillshare
Skillshare

Build an Online Shop: Design and Launch Your Own Big Cartel Store (Skillshare)

Big Cartel helps artists, makers, and other creatives sell their work online. In this 40-minute class, you’ll learn how to set up and customize your own online shop with Kate Miss, an independent jewelry and graphic designer who works with artists all around the world to create successful Big Cartel shops.

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
Learn to Use Canva: The Easy, Effective Design Solution for Non-Designers  (Skillshare) Skillshare
Skillshare

Learn to Use Canva: The Easy, Effective Design Solution for Non-Designers (Skillshare)

Demystify graphic design! Join educator and designer Lisa Larson-Kelley for this 25-minute class on the ins and outs of Canva, the friendly design software that makes graphic design easy, accessible, and effective. These short video lessons cover some basic conceptual approaches to layout, text, and shape. Then, you can put them all into action as you design your own invitation in Canva.

Self Paced
Self-Paced
The Business of Web Design: How to Grow your Ecommerce Web Design Business (Skillshare) Skillshare
Skillshare

The Business of Web Design: How to Grow your Ecommerce Web Design Business (Skillshare)

Learn how to grow your web design business online. Join UX consultant Paul Boag for a 75-minute course on core concepts and tactics that will help you stand out and survive in today’s highly competitive web design industry. This class is perfect for both freelance developers, designers, agencies, and small web design teams.

Self Paced
Self-Paced
Build Your Online Portfolio Without Writing Code (Skillshare) Skillshare
Skillshare

Build Your Online Portfolio Without Writing Code (Skillshare)

With the web becoming more and more involved in our daily lives, being able to create your own little corner of the web has never been more important (or exciting). In under one hour with Webflow's Mat Vogels, you'll cover a variety of different topics, including: Why you should be online in the first place; Basic web concepts, like the box model and responsive design; Building a website from scratch; Publishing a website.

Self Paced
Self-Paced
How To Make A Wordpress Website - Simple For Beginners (Skillshare) Skillshare
Skillshare

How To Make A Wordpress Website - Simple For Beginners (Skillshare)

Why Take This AMAZING Course? Learn how to use the #1 Best selling Wordpress Theme In The World. Master WORDPRESS and the Brizy Page Builder. Complete Beginners Guide I Am A TOP 10% RATED INSTRUCTOR on Udemy and Youtube. Find out Why!! Get a Modern And Amazing Look For Your Website That Will Impress! Learn From A Professional Who Creates Websites For a Living with over 500,000 Monthly Visits! THE MOST UPDATE AND MODERN TUTORIAL. Dont Settle For Outdated Content! Get A fully Responsive Website And Mobile Responsive

Self Paced
Self-Paced