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

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
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
Supply Chain Management for E-commerce (Coursera) Coursera
Starweaver

Supply Chain Management for E-commerce (Coursera)

Immerse yourself in the dynamic realm of e-commerce supply chains with our course, "Supply Chain Management for E-commerce." Designed for emerging entrepreneurs, small business owners, and career switchers, this immersive journey equips learners with comprehensive insights. From foundational supply chain components to the strategic integration of technology and sustainability, participants will gain practical knowledge to navigate challenges and optimize operations in the e-commerce realm.

Nov 23rd 2026
1 Week
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
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 Make A Wordpress Website 2018 - Divi Theme Tutorial (Skillshare) Skillshare
Skillshare

How To Make A Wordpress Website 2018 - Divi Theme Tutorial (Skillshare)

Why Take This AMAZING Course? I am a highly rated instructor on udemy. I have over 400,000 views a month on tutorials with positive reviews! Use The #1 Selling Theme for Wordpress On The PLANET. I Have Helped Teach And Create Over 500 Wordpress Websites! Get a Modern And Amazing Look For Your Website That Will Impress! Learn From A Professional Who Creates Websites For a Living with over 6,000 Visits! THE MOST UPDATE AND MODERN TUTORIAL. Dont Settle For Outdated Content!; Get A fully Responsive Website And Mobile Responsive; Over 15,000,000 Minutes Watched. Over 4 Million Views. In 180 Countries.

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
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
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
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
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
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