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

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

Oct 5th 2026
4 Weeks
E-Commerce Essentials: How to Start a Successful Online Business (Skillshare) Skillshare
Skillshare

E-Commerce Essentials: How to Start a Successful Online Business (Skillshare)

Starting an online business is a great way to spark your entrepreneurship journey and build up passive income—but where to begin? Join BigCommerce’s Tracey Wallace for this one-hour class where you'll dive into all the essentials and explore how to identify marketable products, create a store, and build a successful marketing strategy to drive traffic and sales.

Self Paced
Self-Paced
Understanding Domains (Skillshare) Skillshare
Skillshare

Understanding Domains (Skillshare)

Understanding Domains is an introduction into the world of domains. At some point many of us will have a website, but we don't really know anything about our domains or how they work. This course will take you through everything you need to know as a beginner with domains. This is not an advanced course and will not go in depth on any topic. You will learn enough to be able to confidently maintain and understand your domain records.

Self Paced
Self-Paced
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
How to Design any Landing Page in Figma (Skillshare) Skillshare
Skillshare

How to Design any Landing Page in Figma (Skillshare)

In this particular course, I will be teaching you how to design any landing page of your choice in Figma. You will learn how to find inspiration, prepare your document, and ultimately build upon these to create beautiful landing pages that you like. Though this course will be done in Figma, you can actually follow along with any design software. At the end of this course, you will be able to even make your own landing page concepts.

Self Paced
Self-Paced
Etsy 2021 Hacks to Skyrocket Your Sales and SEO (Skillshare) Skillshare
Skillshare

Etsy 2021 Hacks to Skyrocket Your Sales and SEO (Skillshare)

The Secret to Selling on Etsy in 2021 from a Full-Time Etsy Seller. Hello, I'm Kato - An artist, a full time Etsy seller and an Etsy consultant. Today I'll share with you my success story and How I was able to turn my hobby in to a full-time job. In this course I’ll walk you through the whole process of setting up a successful Etsy shop, starting from scratch. I’ll share all the secrets and tools that I used to be successful on this platform in an easy and informative way, because learning should always be fun!

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