34 search results for “Liam Griffin”

How to Use Alternate Templates in Shopify Theme Development

How to Use Alternate Templates in Shopify Theme Development

shopify alternate templates

If you’re new to Shopify theme development, your first impression might be that every collection, page, blog post, and product page is controlled by a single template. Luckily this isn’t the case, and there are a number of ways you can apply different, or ‘alternate’, templates to these various page types.

This Shopify tutorial will run you through the basics of creating your first alternate template, so that you can start customizing your clients’ themes even further.

In this article, you’ll learn how to:

  • Create alternative templates for pages, products, and collections
  • Use Liquid to set up conditional rules that apply to specific types of products
  • Use URL querystrings to apply alternative templates to themes

Continue reading

How to Use Liquid to Create Custom Landing Page Templates

How to Use Liquid to Create Custom Landing Page Templates

landing page

At some point in their journey, almost every online entrepreneur will need to use a landing page to promote their products, capture marketing leads, or launch a marketing campaign. Developers have a unique opportunity to support their clients with their expertise in design when this need arises.

In this article, you will learn:

  • How to create alternative templates for landing pages
  • How to add static sections to regular pages
  • How to use Liquid logic to hide or display sections

Continue reading

How to Use Math Filters with Liquid

How to Use Math Filters with Liquid

shopify filters

Math filters unlock a range of options, allowing designers to display info on price reductions, transaction fees, taxes, and more. With careful use of multiplication, rounding, and other filters, you can add new functionality into a client's site and help boost conversion.

In this article, we’ll cover:

  • Which math filters are available
  • How to display percentage savings using math filters
  • How to adjust dynamic variables with math filters

Continue reading

How to Use Shopify’s New font_picker Settings

How to Use Shopify’s New font_picker Settings

font picker

Shopify recently announced a new partnership with Monotype, which has made hundreds of beautiful new fonts available for free to Shopify merchants in the online store editor. A key component of this new feature is the font_picker setting, which can be implemented into your clients’ custom themes.

In this article, you will learn:

  • How to implement the font picker into the settings.schema file
  • How to update your stylesheet with new Liquid font filters
  • Why you should test themes to ensure fonts load correctly

Continue reading

How Web Fonts Can Enhance Your Client’s Custom Ecommerce Store

How Web Fonts Can Enhance Your Client’s Custom Ecommerce Store

Web fonts to enhance stores

Whether you’re building a theme from scratch or editing an existing one, you’ll need to consider how typography is implemented for your clients. Web fonts open up the range of fonts available, but come at a price for site performance. It’s important to understand how fonts load across different browsers, and how performance can be improved by using new techniques or careful adjustments to your themes.

In this article you will learn:

  • What web fonts are and how they work.
  • The differences between FOUT and FOIT.
  • How to add web fonts to Slate.
  • How fonts will be loaded on Shopify in the future.

Continue reading

Using Liquid on the Order Status Page

Using Liquid on the Order Status Page

order-status-page

An often overlooked part of the ecommerce experience is the order status page, which offers a unique opportunity to connect with customers. While there are some limitations to this page, with careful use of Liquid and JavaScript, it’s possible to extend the page’s functionality and display personalized content.

In this article, you'll learn:

  • How Liquid can be added to the Additional scripts box
  • How to display content for particular products on the order status page
  • Why you should run scripts only once on the order status page

Continue reading

Using Responsive Images to Decrease Page Loading Times

Using Responsive Images to Decrease Page Loading Times

Responsive images

With the addition of new attributes to image objects in Liquid, and by offering responsible image support, we've unlocked the ability for theme developers to have more control in how they load images. Theme developers can now create rules for how images appear on small screens, and provide more robust themes for clients.

In this article you will learn:

  • Why having responsive images is important.
  • How to use Shopify’s new attributes to implement responsive images.
  • How lazy-loading helps Shopify themes optimize the user-experience.

Continue reading

Working With a Grid Layout: How Breaking the Grid Can Create Memorable Experiences for Clients

Working With a Grid Layout: How Breaking the Grid Can Create Memorable Experiences for Clients

grid layout

Balancing creative design with functional UI is a challenge for developers looking to build memorable experiences for online stores. With careful use of asymmetrical positioning of text, overlapping images, and irregular shapes, developers can add originality to a client's site, without sacrificing usability.

In this article, we’ll look at:

  • What is a grid, and why it should be broken
  • Real-life examples of stores who are using broken grid layouts
  • How to break a grid, without affecting usability

Continue reading

Grow your business with the Shopify Partner Program

Learn more