27 search results for “Tiffany Tse”

[Free Training] Building Shopify Themes for WordPress Theme Developers

[Free Training] Building Shopify Themes for WordPress Theme Developers

building shopify themes for wordpress theme developers

More and more business owners are looking for customized websites, and ecommerce is often on the top of their priority list.

If you build websites, there's a good chance that you've worked with WordPress — but WordPress developers know that ecommerce is not a native feature of that system. To take advantage of the growing market demand for ecommerce, there’s no better time to start working with an ecommerce platform.

In this free webinar hosted by Shopify Partners, Tiffany Tse — Partner Education and Front End Developer Advocate at Shopify — will help WordPress users get started with Shopify theming by showing you how your existing skill set is transferable.

You'll learn:

  • Basic theme features and Shopify equivalents.
  • Parallels in theme structure between WordPress and Shopify.
  • Theme templates and loading content on the frontend.
  • How to set up a local environment, and what tools are available to get you ramped up quickly with Shopify theming.

Continue reading

[Free Webinar] Getting Started with Sass and Shopify

[Free Webinar] Getting Started with Sass and Shopify

Getting started with Sass and Shopify webinar

In this free webinar hosted by Shopify Partners, Tiffany Tse — Partner Education and Front End Developer Advocate Lead at Shopify — will cover the basics of Sass, and how to use it to speed up your development with Shopify.

During this one-hour presentation, we’ll cover: 

  • What a CSS preprocessor is.
  • Sass vs. SCSS.
  • Variables and nesting.
  • Sass functions, mixins and custom functions.
  • Interpolation, workflow, and best practices.

Continue reading

Canonical URLs: What Are They and Why Are They Important?

Canonical URLs: What Are They and Why Are They Important?

canonical urls

SEO is important for every website, and an online store is no exception. Using canonical URLs can help to better inform search engines which URLs have identical or highly similar content.

In this article you will learn:

  • What a canonical URL is.
  • Why canonical URLs matter.
  • How the `canonical_url` object works.
  • Best practices, and things to keep in mind when using canonical URLs.

Continue reading

3 Simple Steps for Setting Up a Local Shopify Theme Development Environment

3 Simple Steps for Setting Up a Local Shopify Theme Development Environment

If you’re looking to develop Shopify Themes locally, you should know that you’re not limited to the Shopify Theme Editor alone. You can also develop Shopify themes on your local development environment.

Once Theme Kit is setup, you can more easily integrate workflow tools like Git into your theme development — giving you the confidence to work on a Shopify Theme with a team of developers, work within your favorite text editor, and have a more localized experience when editing themes.

Continue reading

What is Progressive Enhancement and Why Should You Care?

What is Progressive Enhancement and Why Should You Care?

Illustration of three cakes representing progressive enhancement.

If you’ve been building websites and applications for even a little while, you’ve most likely already heard of progressive enhancement. The idea has been around since 2003, it’s one that is often confused and misunderstood.

In this article you will learn:

  • The difference between progressive enhancement and graceful degradation.
  • How performance and accessibility benefit from progressive enhancement.
  • Modern tips and techniques for progressively enhancing a site with CSS and JavaScript.

Continue reading

Build an Eye-Catching Non-Rectangular Header Design

Build an Eye-Catching Non-Rectangular Header Design

header design

First mentioned as a tiny trend at the beginning of the year, non-rectangular headers were picked out by Jon Moore on UX Power Tools as something to watch out for in 2017. A non-rectangular header is a way to break the parallelled structure we’ve become accustomed to online.

In this article you will learn:

  • What non-rectangular headers are, and why has it become a tiny trend.
  • How to implement diagonal headers in your site, using background images and solid colors.
  • How to implement product card designs, with overlayed products.

Continue reading

Building Nested Navigations with Shopify Link List

Building Nested Navigations with Shopify Link List

shopify link list

Nested navigations are a popular solution for effectively organizing collections, products, and pages. A link list is a simple collection of links, and these items can be created to point to collection, page, or product within Shopify, or to a URL outside of the store’s domain. In this tutorial, we will cover how to use link lists in a Shopify theme to create a nested navigation using an unordered list.

In this article you will learn:

  • How to create a menu and nested menu in the Shopify Admin.
  • How to output a menu using Liquid and linklist.
  • How to output a nested navigation with up to three levels deep.
  • Using link.active and link.active_child to help style and identify active menu links.

Continue reading

jQuery Image Zoom for Shopify in 5 Easy Steps

jQuery Image Zoom for Shopify in 5 Easy Steps

jQuery image zoom

When selling online, one of the most requested product features is image zooming. Zooming is often used on a product image to enlarge it for better viewing by potential customers. In this tutorial, we’ll go over the steps to implementing the jQuery Zoom plugin within a Shopify theme.

In this tutorial you'll learn:

  • When and how to check if jQuery already exists in a theme.
  • How to edit the featured image markup in product.liquid to link the jQuery Zoom plugin.
  • How to link and initialize the plugin and start zoomin’.
  • Alternative product image zoom plugins and apps.

Continue reading

Grow your business with the Shopify Partner Program

Learn more