derekmorash / llc-building-for-shopify

Presentation deck for Ladies Learning Code's workshop on Shopify

Building a web store with Shopify and Liquid

An introductory workshop to Shopify and customizing themes with Liquid. Made for Ladies Learning Code.

• Workshop information
  • Building a web store with Shopify and Liquid
  • What will you learn?
  • Is this workshop for you?
• Instructor information
  • Ladies Learning Code slide deck template

Workshop information

Below is a suggested write up for posting the workshop.

Building a web store with Shopify and Liquid

You've been thinking about ecommerce and wondering how you can use your skills to help people (or you!) sell cool stuff online. In this workshop, we will show you how to customize online stores on the Shopify platform and give you the tools needed to make a business out of it.

Shopify's ecommerce solution already powers over 325,000 stores across the globe. Knowing how to customize themes on Shopify gives web designers/developers a desirable set of skills that they can use to grow their business.

Do you want more control over how you show collections on the homepage? Need to show a coupon code for any product that is part of this season's Winter Solstice collection? This workshop will teach you all you need to know to make that happen.

What will you learn?

In this workshop, we'll discuss how you can use Liquid, Shopify's nifty templating language, to pull information from your store and alter the webpage layout. You can also open a free Partner account, which you can use during and after the workshop to work on Shopify projects of your own.

We'll start with an overview of Shopify's theme environment and best practices in making customizations. From there you'll learn how to make alternative templates for your store's products and pages to provide more variety in your store's look.

By the end of the day, your will have the foundational skills to transform an "out-of-the box template" into a custom site that reflects your design and how you want to run your store.

Is this workshop for you?

This workshop has been designed for learners with basic HTML & CSS knowledge. Previous participation in a Ladies Learning Code Intro to HTML & CSS workshop is strongly recommended to get the most out of this workshop.

You'll also need a Partner account to set up a development Shopify store to work on during this workshop. If you don't have one already, click here to open a free Partner account. You will need a Paypal account to signup, but that’s only so you can get paid (Shopify offers a revenue share to Partners that create stores on the Shopify platform). Workshop participants will be given demo products for their store on the day of the workshop.

Instructor information

A the root directory of this repo are some assets for participants. Be sure to point them out at the beginning of the course.

• index.html is the slide deck. It runs in the browser, so it requires no proprietary software (PC and Macs will be a-okay 😅)
• Debut - Ladies Learning Code.zip is the theme to be used in the workshop. This guarantees that the slides will reflect the theme contents. Fetching the Debut theme from Shopify's Theme store is not recommended for instruction.
• The is an images folder that has assets for participants to use in their store. i.e. Store logos, carousel images, hero images.
• llc-products.csv has over 100 unique products that participants are to upload to their store. More details can be found in the workshop slides.

Ladies Learning Code slide deck template

This slide deck includes features such as incremental display of content, interactive CSS demos built into the slides, markdown integration and presenter notes. View index.html or http://ladieslearningcode.github.io/llc-slidedeck-template for details on usage.

Created with Lea Verou's CSS-based SlideShow System and reveal.js. Syntax highlighting courtesy of http://highlightjs.org. Best viewed in Chrome or Firefox.

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.