How to build a Shopify product customizer with a live preview
Build a Shopify product customizer with a live preview using Infinite Options, layered PNG images and an SVG text layer, step by step from our jersey demo.
How Shopify's built-in options work, where they stop, and how to add custom fields, add-on prices and personalization beyond them.
Short answer
Shopify's built-in product options are variants: up to 3 options per product (like size, color and material) and 2,048 variants on every plan. For anything a variant doesn't fit, such as custom text, add-on prices, file uploads or fields that appear based on another choice, you collect line item properties, either with theme code or a product options app like Infinite Options.
When you add options to a product in Shopify, every combination becomes a variant with its own price, SKU, inventory and image. That's the right tool for anything you stock, price or ship differently. The limits: three options per product and 2,048 variants, raised from 100 in October 2025. Some apps, themes and feeds still struggle well before 2,048. See Shopify's variant limit and variants vs product options.
GuideShopify's variant limit in 2026: 2,048 variants and what still breaks
GuideShopify variants vs product options: which to useChoices that don't change what you pick off the shelf, like engraving text, a gift message or a monogram, don't need to be variants. Shopify carries them as line item properties: name and value pairs attached to the item in the cart, shown at checkout, on the order and on packing slips. You can add them with properties[Name] fields in your product form. Line item properties, explained with examples covers the code and its limits.
Line item properties carry no price by themselves. Without an app, stores charge for extras with a higher-priced variant or a separate add-on product. An options app puts the price on the choice itself. How to charge for add-ons compares the methods and their trade-offs.
Engraving, monograms and names on jerseys are product options with extra rules: character limits, required fields and a clear path to production. Shopify product personalization walks through what to collect and how to design the fields. To show shoppers their name or number on the product as they type, build a product customizer with a live preview.
GuideShopify product personalization: engraving, monograms and custom text
GuideHow to build a Shopify product customizer with a live previewHand-coded properties work for one or two simple fields. Once you need fields on many products, conditional logic, validation or paid choices, an app is less work to maintain. Shopify product options apps compared lays out plans and features, and configurator or options app covers when a live product preview is worth it.
GuideShopify product options apps compared (2026)
GuideProduct configurator or product options app for Shopify?Infinite Options is ShopPad's product options app. It adds text and number fields, date pickers, dropdowns, swatches, checkboxes, buttons, a font picker and file upload. You build an option set once and assign it by rule: all products, specific products, a tag, a vendor or a product type. Conditional logic shows fields based on other answers, validation covers required fields and character limits, and everything the customer enters is saved as line item properties.
Build a Shopify product customizer with a live preview using Infinite Options, layered PNG images and an SVG text layer, step by step from our jersey demo.
How to change your Shopify theme without breaking apps: turn on app embeds, re-add app blocks and code edits, test, then publish.
How to charge for Shopify product add-ons like engraving, gift wrap and rush fees: three no-app methods, an options app, and the trade-offs.
Shopify product configurator or product options app? What each does, a decision table, real product examples, costs, and apps to compare.
Shopify line item properties explained: Liquid and AJAX examples, private properties, where they show from cart to packing slip, and their limits.
Shopify product options app comparison: prices, add-on pricing, conditional logic and file upload for 7 apps, from App Store listings in October 2026.
A practical guide to Shopify product personalization: what to collect for engraving, monograms and custom text, field design, and production.
Shopify variants are for what you stock; product options are for what customers tell you. A decision table and worked examples.
Shopify's variant limit is 2,048 per product on every plan. Here is what still breaks above 100 and 250 variants, and what shouldn't be a variant.
App options or upload fields missing? Turn on the Shopify app embed in the theme you're viewing, then work through these checks.