34 search results for “Tiffany Tse”

Introduction to Shopify Theming for WordPress Theme Developers

Introduction to Shopify Theming for WordPress Theme Developers

Shopify for Wordpress theme developers

WordPress currently holds close to 60 percent market-share of the global CMS market, so it’s not surprising that most developers have worked on at least one WordPress project in the past. There are a lot of similarities in theming between WordPress and Shopify — let us help you speed up your development workflow by showing you what those parallels and differences are.

In this article you will learn:

  • The main differences between Shopify and WordPress, and their basic content elements.
  • How to extend the functionality of the Shopify platform.
  • The similarities and differences in theme structure, templates, and asset management between Shopify and WordPress.

Continue reading

A Beginner's Guide to Sass with Shopify — Part 3: Sass Interpolation, Workflow and Object Oriented CSS

A Beginner's Guide to Sass with Shopify — Part 3: Sass Interpolation, Workflow and Object Oriented CSS

Beginners guide to sass with shopify part 3: Email

CSS preprocessors were created to solve problems around reusability of code, and creating more abstractions to simplify development. This article is part three in a series of posts about Sass with Shopify.

In this article you will learn:

  • About Sass interpolation and how to use it with Shopify theming.
  • How to escape Liquid in Sass files.
  • Workflow tools for Sass and Shopify.
  • Best practices and other resources for learning Sass.

Continue reading

A Beginner's Guide to Sass with Shopify — Part 2: Making Stylesheets Smarter with Sass Mixins and Functions

A Beginner's Guide to Sass with Shopify — Part 2: Making Stylesheets Smarter with Sass Mixins and Functions

A beginner's guide to building Shopify themes with Sass part 2

CSS preprocessors were created to solve problems around reusability of code, and creating more abstractions to simplify development. This article is the second part in a series of articles about building Shopify themes with Sass.

In this article you will learn:

  • How to use arithmetic operators in Sass.
  • Creating and using existing Sass functions.
  • Useful examples of mixins and how they work.

Continue reading

A Beginner's Guide to Sass with Shopify — Part 1: Getting Started With Sass

A Beginner's Guide to Sass with Shopify — Part 1: Getting Started With Sass

A beginner's guide to building shopify themes with sass part 1: Email

As CSS has gotten more complex, and stylesheets have become larger and harder to maintain, CSS preprocessors have become very popular. CSS preprocessors were created to solve problems around reusability of code, and creating more abstractions to simplify development.

In this article you will learn:

  • The differences between Sass and SCSS.
  • An introduction to variables, nesting, and variable scope in Sass.
  • Using Sass in the Shopify online theme editor.

Continue reading

Creating Dynamic Color Schemes with Theme Options and Presets

Creating Dynamic Color Schemes with Theme Options and Presets

Color schemes with theme options and presets

Building for the unknown can be tricky, and clients or merchants always want some level of control when it comes to their websites. So how do we make our themes dynamic for clients?

In this article you will learn:

  • How to define theme options for colors in `settings_schema.json`.
  • How to use the `settings` object properties inside your CSS or SCSS files.
  • How you can create custom presets for a theme with `settings_data.json`.

Continue reading

Building Icon Systems With SVG

Building Icon Systems With SVG

SVG Icons: Email

Building a great system and workflow is one of the hardest things to do. For a long time, building icon systems for themes and websites meant using iconic fonts. But as browser support has improved, inline SVGs are the new hot thing.

In this tutorial, you'll learn:

  • How to prepare SVGs
  • How to build your icon set
  • Where to find SVG resources

Continue reading

7 Ways to Spice Up Your Website for Halloween

7 Ways to Spice Up Your Website for Halloween

7 Ways to Spice Up Your Website for Halloween: Email

It’s Halloween, and you can see decorations and sweet treats everywhere you look. Why not bring the spirit of the season online?

Reap the benefits of the spookiest time of year with these seven easy ways to spice up your clients’ websites.

In this article, you will learn:

  • How to spice up your logo with a custom animation
  • The best spooky font pairings
  • Halloween-specific promotions and resources

Continue reading

4 Essential Tips for Building Your First Shopify Theme

4 Essential Tips for Building Your First Shopify Theme

Shopify Theme Development

Getting started on your first Shopify theme can be a daunting experience. Finding the time to get familiar with a new platform is never easy. With that in mind, we’ve compiled this brief list of essential resources for the beginner looking to build their first Shopify theme.

In this article you will learn:

  • How to get started and familiarize yourself with Liquid
  • Which development tools are most helpful when building themes, and where to find them
  • What the Shopify Partner Academy is, and which courses are best suited helping you get started with theme development

Continue reading

Grow your business with the Shopify Partner Program

Learn more