39 search results for “Liam Griffin”

How to Create a Customizable Logo Bar Section

How to Create a Customizable Logo Bar Section

logo bar

Very often clients will want to highlight the businesses that they deal with, to assert themselves as a trustworthy and in-demand company. One of the easiest ways to achieve this effect is with the use of a logo bar on their website.

In this article, you will learn why logos are important for demonstrating social proof, how to add an image picker to a dynamic section, how to use Liquid to manage style settings from the Theme Editor, and more.

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

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

Working with Product Variants When Building a Shopify Theme

Working with Product Variants When Building a Shopify Theme

product-variants

One of the most crucial elements of any ecommerce site is the product page. With careful use of Liquid, developers can use deep-links to automatically select particular variants on a product page. This allows clients to highlight key variants and minimize the number of mouse clicks their customers need to make during the sales flow.

In this article we’ll cover:

  • How deep-linking works on Shopify
  • How variants can be pre-selected on product pages
  • How the cart page can be updated to show variant images

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

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

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 Add CSS Text Animation to Custom Themes

How to Add CSS Text Animation to Custom Themes

text animation css

Adding animation to websites is a great way to increase visitor engagement, emphasize a client's brand, and improve the usability of a website. Many developers have turned to CSS animation effects to make store touchpoints, like buttons and links, more interactive without overly affecting page loading time.

In this article, you’ll learn:

  • How to create a responsive call-to-action button.
  • How to use CSS to animate your navigation links.
  • How to customize a scrolling text section.

Continue reading

How to Customize Shopify Email Notifications for Clients

How to Customize Shopify Email Notifications for Clients

shopify email notifications

Customizing emails can be a frequent request from clients who are looking to optimize their communications with customers, and are one of the easiest methods to personalize a Shopify store. Carefully designed emails are a powerful tool for communication, enabling clients to add a personal touch at different points of the purchase journey. By upselling a client on bespoke emails, you can add extra value to your project, in addition to developing custom themes.

In this article, you’ll learn:

  • Why customized emails are important for your client’s brand.
  • How to add conditional content to emails using Liquid operators.
  • How to apply discount codes to abandoned checkout emails.

Continue reading

Grow your business with the Shopify Partner Program

Learn more