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

Building a HUGE Email List & Social Following with Referral Marketing! (Skillshare) Skillshare
Skillshare

Building a HUGE Email List & Social Following with Referral Marketing! (Skillshare)

Brands have been using the power of FREE since the start of time. Not only that but some of the largest brands in the world (not just your niche) have something in common. They have raving communities/audiences and HUGE email lists to distribute content, products and everything in between too. So instead of dumping $1,000's into paid ads, learn how to master referral marketing and incentivization for growth!

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
E-Business: Negocios Online (Coursera) Coursera
Universidad de Palermo

E-Business: Negocios Online (Coursera)

El mayor servicio de transporte urbano del mundo no tiene ni un solo auto. El mayor servicio de alojamiento del mundo no tiene ni una sola habitación. La tienda de comercio más grande del mundo no tiene ni un local, y ni siquiera depósito. Uber, AirB&B y Alibaba son tan solo tres ejemplos de los cambios que ha producido en el mundo la tecnología y en particular Internet. Evidentemente, el mundo cambió. Al realizar este curso comprenderás las características que hacen a los negocios en la nueva economía apoyados en la tecnología, para que puedas diseñar tu propia estrategia de e-business.

Nov 2nd 2026
4 Weeks
How To Create an eCommerce Website With WordPress (Skillshare) Skillshare
Skillshare

How To Create an eCommerce Website With WordPress (Skillshare)

In this course, you're going to be creating your online shop step by step with WordPress. I'm going to show you how you can upload new products to your shop, how you can do reviews, and how you can set up categories for individual products, set prices, and everything to do with your shipping and how to set that up as well. I'm even going to show you how you can set up discount codes to give to your customers.

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 HTML5 For Absolute Beginners (Skillshare) Skillshare
Skillshare

Introduction To HTML5 For Absolute Beginners (Skillshare)

Hi, welcome to this crash course on HTML5 for complete beginners. In this class, you will learn everything you need to know about getting started with web development. The first step in becoming a web developer is learning HTML. The latest version of HTML is HTML5 and I will walk you through everything you need to know to get started with it. HTML is based on tags. You write HTML content inside tags. Tags tell the browser how to display the content on the screen.

Self Paced
Self-Paced
Creative Concepting: Getting to Better Ideas Faster (Skillshare) Skillshare
Skillshare

Creative Concepting: Getting to Better Ideas Faster (Skillshare)

As a professional in the design industry, execution shouldn’t be the most time-consuming part of your day. By taking this 40 minute course with Jessica Moon, Creative Director at Digital Telepathy, you will be exposed to a multitude of exercises, concepts, and tactics that will optimize the way you work when designing, allowing you to iterate and experiment more rapidly. In this class, Jessica will help you get to your best ideas faster by instilling good habits that you can always lean on.

Self Paced
Self-Paced
Create an animated emotion world with Invision Studio (Skillshare) Skillshare
Skillshare

Create an animated emotion world with Invision Studio (Skillshare)

In this Class, I will show you how to create an animated emotion World for an Online Shop. No experience necessary. I’ll show you how to use the tools of InvisionStudio, creating multiple elements and how to change all by one. You will learn what is important on the first Page of an Online Shop and also what is not necessary. This class is for anyone who is interested in UI Design, especially for a User-friendly E-Commerce Design.

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
How To Make A Professional WordPress Website & FREE Domain! (Skillshare) Skillshare
Skillshare

How To Make A Professional WordPress Website & FREE Domain! (Skillshare)

In one click, you can have a professional-looking website in just about any market you can think of. My name is James Stafford the creator of websites made easy. TV In this video — My goal for you in this video is to make a WordPress website that is so simple and fun to do and not only that ... But also personal and unique to you.. you are going to love it!

Self Paced
Self-Paced
How To Make A Wordpress Website - Elementor Tutorial (Skillshare) Skillshare
Skillshare

How To Make A Wordpress Website - Elementor Tutorial (Skillshare)

Come learn how to make a wordpress website in 1 hour! I will show you step by step to easily create your wordpress website in a few clicks! Lets Get Started! Its simple, gets your domain for your wordpress website. Install Wordpress. Install Your Wordpress Theme. Than simply install a plugin that will give you access to more than 1700+ elementor templates for free!

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