11 search results for “Liam Griffin”

[Free Webinar] Building Blocks: How to Create Custom Theme Sections and Blocks

[Free Webinar] Building Blocks: How to Create Custom Theme Sections and Blocks

Custom theme sections and blocks webinar

In this free webinar hosted by Shopify Partners, Liam Griffin — Partner Education and Front End Developer Advocate at Shopify — will walk you through how to get started with building sections and blocks, so you can empower your clients with exciting new ways to personalize their Shopify stores.

During this session, Liam will cover:

  • An introduction to sectioned theme layouts.
  • How to create static and dynamic sections for homepages.
  • What blocks are, when to use them, and how they relate to sections.
  • What type of elements you can add to sections and blocks.

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 when empowering them to customize their store, and Shopify’s section options are powerful tools for personalizing a site. By building different static and dynamic sections, you can produce huge opportunities for adding functionality to specific pages and reordering homepages.

In this article you will learn:

  • The difference between static and dynamic sections.
  • How to build static and dynamic sections, as well as how to add them to your theme.
  • What kind of elements you can add to a section.

Continue reading

14 Image Tools for Web Developers in 2017

14 Image Tools for Web Developers in 2017

Image tools for web developers 2017

Images are often the most important elements on a page, meaning it’s crucial that developers make careful judgements when working with images for clients. Whether you’re creating visuals from scratch, or are editing existing images, there’s an ever increasing range of tools that can help you work with images.

In this article you will learn:

  • Which tools to use for reducing site loading time.
  • How to edit images for best use on the web.
  • Where to find artists if you want to outsource your design requirements.

Continue reading

Customization Made Easy: How to Build Your First Shopify Section Block

Customization Made Easy: How to Build Your First Shopify Section Block

Shopify sections block

As a designer or developer, you want to give your clients the greatest opportunities to personalize their online store. With blocks, you can move into a curator role, and give your clients the choice to decide what kind of content they show and where it appears.  

In this article you will learn:

  • What blocks are, when to use them, and how they relate to sections.
  • How to add blocks to a dynamic section.
  • How to add blocks to a static section.

Continue reading

How Open Graph Tags can Optimize Social Media Experiences

How Open Graph Tags can Optimize Social Media Experiences

Open Graph tags

Seeing inaccurate or missing content appear when a merchant shares their products on social media can be frustrating, and as a developer you’ll want to avoid these problems. By implementing Open Graph tags carefully, you can ensure that the correct information is sent to social media channels from your client’s website.

In this article you will learn:

  • What Open Graph tags are, where to use them, and how they relate to Shopify.
  • How using Slate can assist with adding Open Graph tags.
  • How to troubleshoot Open Graph issues.

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 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

Building a Clickable Call-to-Action Button for Your Shopify Theme

Building a Clickable Call-to-Action Button for Your Shopify Theme

Call to action buttons

Designing buttons with care is crucial when producing effortless user experiences for your clients, especially within the context of ecommerce where badly designed buttons can result in lost sales. Creating intuitive call-to-action buttons can be outside the scope of many merchants, so it’s important to consider a call-to-action strategy when building custom themes or doing freelance work for clients.

In this tutorial you'll learn:

  • How to add a call-to-action button to a Shopify theme section.
  • What styling you can use to personalize your button.
  • How to employ pseudo-class CSS to generate visual feedback on your button.

Continue reading

How Google’s AMP Project is Changing the Mobile Web

How Google’s AMP Project is Changing the Mobile Web

amp project

Accelerated Mobile Pages (AMP) is an open-source framework led by Google, that’s focused on putting mobile performance first. By allowing only the most performant design patterns and imposing restrictions on resource-heavy JavaScript, AMP pages are dramatically faster than regular pages. The strategy is worth exploring, as there currently is over two billion AMP pages online, across 900k domains worldwide.

In this article you'll learn:

  • What an AMP page looks like and how to build one.
  • What AMP could mean for ecommerce.
  • How your clients could benefit from AMP.

Continue reading

Working With Technology Clients: Strategies, Apps, and Themes to Consider

Working With Technology Clients: Strategies, Apps, and Themes to Consider

Working with Technology Clients: Email

Working with clients who sell technology products and consumer electronics can be truly rewarding, as these merchants operate on the very vanguard of ecommerce. In this article, we’ll look at some emerging strategies for technology stores to better understand how this industry is changing, and how developers can make the most informed decisions when specializing in this area.


In this article you will find:

  • A CSV file with demo consumer electronics products for quickly setting up a store when pitching to clients.
  • Insights into emerging trends influencing the growth of the online tech sphere.
  • App and theme recommendations for technology stores.

 

Continue reading

Grow your business with the Shopify Partner Program

Learn more