Using Article Metafields with Multiple Buy

Using Article Metafields with Multiple Quick Buy

Overview

The Multiple Quick Buy section supports article metafields through the "Event ticket" source option. This allows you to display products associated with specific articles, perfect for event pages, blog posts, or any content that needs related products.

How It Works

When you select "Event ticket" as the Source of Data, the section looks for products in the event.ticket metafield on the current article. This metafield should contain a product list that will be displayed in the quick buy interface.

Setting Up Article Metafields

Step 1: Create the Metafield Definition

In your Shopify admin, go to Settings → Custom data → Articles
Click Add definition
Fill in the details:
- Name: Event Ticket Products
- Namespace and key: event.ticket
- Content type: Product list
Save the metafield definition

Step 2: Assign Products to Articles

Go to Content → Blog posts in your Shopify admin
Select an article (or create a new one)
Scroll down to the Metafields section
In Event Ticket Products, select the products you want to associate with this article
Save the article

Configuration in the Theme Customizer

Add the Multiple Quick Buy section to your article template
In the section settings, set Source of data to "Event ticket"
Configure other settings as needed (layout, styling, etc.)

Use Cases

Event Pages

Create articles for upcoming events
Associate event tickets or merchandise with the event article
Customers can quickly purchase tickets/items directly from the event page

Blog Posts with Products

Write blog posts about specific products or collections
Link related products to the blog post
Readers can easily purchase mentioned products

Seasonal Content

Create articles for holidays or special occasions
Associate seasonal products with the content
Drive sales through content marketing

Product Launches

Announce new products through blog posts
Include the new products in the article's metafield
Allow immediate purchase from the announcement

Technical Details

Metafield Path: article.metafields.event.ticket.value
Fallback: If no metafield is set, the section will use the first available collection with products
Template Requirement: Must be used on an article template (blog post page)
Product Display: All variants of the selected products will be shown

Example Implementation

For an event article about a summer festival:

Create the article "Summer Festival 2024"
Set up the event.ticket metafield with:
- Festival tickets (different tiers)
- Festival merchandise (t-shirts, hats)
- Food vouchers
Add the Multiple Quick Buy section to the article template
Set Source of data to "Event ticket"
Configure the section styling and blocks as needed

Best Practices

Product Selection: Choose products that are directly relevant to the article content
Quantity: Don't overwhelm with too many products - focus on the most important ones
Pricing: Ensure all products have proper pricing set up
Availability: Make sure products are in stock and available for purchase
Testing: Test the functionality on both desktop and mobile devices

Troubleshooting

No products showing:

Check that the article has the event.ticket metafield populated
Verify the metafield contains valid products
Ensure the section is set to "Event ticket" source

Products not loading:

Check that the products in the metafield are published and available
Verify the metafield definition is correctly set up
Ensure you're viewing the article on the correct template

Section not appearing:

Make sure the section is added to the article template
Check that the article template is being used for the current page
Verify the section isn't disabled for the current page

This feature provides a powerful way to connect content with commerce, allowing you to monetize your blog posts and event pages while providing a seamless shopping experience for your customers.