34 search results for “Liam Griffin”

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

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

In this free webinar hosted by Shopify Partners, Pixel Union's Emma Palm will discuss how getting rejected from the Shopify Theme Store inspired her team’s best work. Emma will explore her team's market-driven theme design process, and show why empathy is their greatest asset.

In this webinar, you'll learn:

• How to play an active Partner role, and make yourself instrumental in the evolution of the Shopify platform.
• Why resources spent on research, market analysis, and user feedback are never misspent.
• How important it is to put yourself in your client’s shoes.
• How to develop a theme that solves a client’s problem.

Continue reading

Announcing Shopify Liquid Code Examples, a searchable library that will help you build and customize themes faster and more reliably. Learn more about how to use Shopify Liquid Code Examples to improve your theme development experience.

Continue reading

Forms are used across a range of touchpoints on Shopify stores. In this article, we look at how Liquid can be leveraged to simplify the form building process by generating input elements, identifying errors, and outputting feedback to customers.

Continue reading

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

One of the hot topics in front end development this past year has been the addition of a new layout system called CSS Grid. Now that all modern browsers support CSS Grid, developers have the perfect opportunity to experiment with Grid on Shopify themes.

In this article, you’ll learn:

• Why learning about CSS Grid properties can help you create dynamic layouts for your clients.
• How to build a basic CSS Grid within a section.
• How to create a page layout using CSS Grid.

Continue reading

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

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

There are common problems that appear in almost every ecommerce project a web designer takes on. How should images be displayed? Where is the best place to position tables? Which pages do users need to visit before reaching checkout?

To answer these questions, web developers need to adopt a truly user-centric perspective.

In this article you’ll learn:

• Which feature comparison tables would suit different products.
• How different types of pagination can affect user-experience.
• Why improving checkout touchpoints can increase conversion.

Continue reading