35 search results for “Liam Griffin”

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 Craft the Best 404 Pages for your Clients

How to Craft the Best 404 Pages for your Clients

best 404 pages

Whether by user-error or broken links, it’s inevitable that visitors to a client’s store will occasionally land on a 404 error page. These pages can be an opportunity to provide support with an on-brand message, and some of the best 404 pages combine humour with good UX to create memorable experiences.

Website developers should be mindful of this when creating custom themes for clients, and including user-friendly, appropriate, and well designed 404 error pages is important for reducing customer effort.

In this article, you’ll learn:

  • Why a well-designed 404 page is essential for websites.
  • How to create an alternative layout file for a 404 page template.
  • How to add search bars and call-to-action buttons to 404 error pages.

Continue reading

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 Create Your First Shopify Theme Section

How to Create Your First Shopify Theme Section

Shopify theme section

Giving your clients creative control is key, especially when they want the ability to customize their store. Shopify’s section options are powerful tools for personalizing a site.

In this article you will learn:

  • What theme sections and blocks are, and how they can be used
  • How to build static and dynamic sections and include them in your theme
  • How to unlock customization even further by creating section blocks

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

How to Improve Custom Search in Your Clients' Storefronts

How to Improve Custom Search in Your Clients' Storefronts

custom search

Shopify’s online store search function is a fully featured, powerful tool for buyers to search across all of your shop's products, articles, and pages. As your clients’ stores become more complex, they may require a more nuanced search process to filter out certain results or prioritize products over regular pages.

In this article, we’ll look at:

  • The different Liquid objects that are related to search
  • How to hide sold out products from search results
  • How to filter out specific types of pages from search results

Continue reading

How to Manipulate Images with the img_url Filter

How to Manipulate Images with the img_url Filter

img url

As Liquid evolves, more options are becoming available that will allow developers to unlock new potential for your custom themes. Liquid filters are simple but powerful methods for the output of objects and assets on a Shopify store. The img_url filter empowers you to manipulate images within Shopify in new and exciting ways.

In this article, you’ll learn:

  • How image URLs are structured on Shopify when using Liquid.
  • How to output your images in specific pixel size.
  • When the the crop parameter can be used to make your images look their best.
  • How to change the format your image will be outputted as.

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

Grow your business with the Shopify Partner Program

Learn more