Skip to content
What Makes TailorKit Different

Three Storefront Improvements That Make Your Personalizer Feel Native to Your Theme

Shopify storefront personalizer improvements including auto-positioned button and theme font matching
On this page

Small details, big polish

Three changes landed in one update, each targeting a different friction point merchants raised about storefront presentation. None require a template republish. All are live immediately.

These improvements are part of a broader Q2 release that also includes auto-skipping of blank wizard steps — so customers move through only the options relevant to their selection — and per-slot rotation control for Charm Builder, which lets jewelry merchants configure the exact hanging angle for each slot.

1. The Personalise button now sits below your Add to Cart

Previously, the position of the Personalise trigger depended on where you'd placed the TailorKit theme-editor block. For most themes, that required manual repositioning after setup.

The button now auto-positions directly below your theme's Add to Cart button and mirrors your theme's ATC font — same typeface, same weight. It reads as part of the product page, not an app overlay bolted on top.

The button also scopes its ATC form lookup to the current product ID, which prevents cross-product collisions when your theme uses quick-add or cross-sell cards.

Haven't added the app block yet? You're covered. If the TailorKit app block hasn't been placed in your theme editor, the extension automatically injects a fallback "Personalize this product" button above your Add to Cart — so you can publish and sell personalized products straight away, without being blocked by theme setup. The fallback activates silently; once you add the app block, it steps aside and the full positioned button takes over.

2. Option sets display in logical order

If your template had Text, Font, Colour, and Image options, the order they appeared on storefront depended on the sequence they were created — not on what made sense to a buyer.

Option sets now sort into a canonical display order: Text → Font → Colour → Image → Mask → Imageless → Multi-layout. A buyer filling out a text personalizer sees the text field first, then font choices, then colour — the natural sequence for making those decisions.

This applies to each product on its next individual publish. Reordering does not auto-republish your catalog — each product must be republished separately for the new order to take effect on storefront. If you haven't republished a template recently, one republish per product will lock in the new order.

3. Large image-option grids collapse with a "View all" toggle

Image swatch grids with many options — 20 charm options, 15 fabric patterns, 30 icon choices — previously displayed all items at once, pushing the page down and overwhelming buyers.

Grids with more than 8 options now collapse to the first 8 by default, with a "View all (N)" toggle that expands the full set. Clicking "Show less" collapses again.

One edge case is handled automatically: if the customer's currently selected option is beyond position 8, the grid auto-expands so their selection is always visible.

Mask sets are unaffected — they remain fully expanded regardless of count, since mask selection benefits from seeing all options simultaneously.

Which products are affected

  • Personalise button positioning: applies to all published integrations immediately — no action required.
  • Option set ordering: applies per product on next individual publish. Republish each product separately — no batch republish is triggered automatically.
  • Image-option grid collapse: applies to all existing integrations immediately for grids with more than 8 image options.

FAQ

What is TailorKit?

TailorKit is a Shopify app that lets merchants offer product personalization — customers design their own text, images, or engravings directly on the product page.

Will the Personalise button match my store's font automatically?

Yes. The button reads your theme's ATC button font and applies it — no CSS override needed. It works across Dawn, Impulse, Prestige, and most major themes.

What if I haven't installed the TailorKit app block?

TailorKit automatically injects a fallback "Personalize this product" button above your Add to Cart so you're never blocked from selling. Once you add the app block through your theme editor, the fallback steps aside and the fully positioned button takes over.

Can I control the option set display order manually?

The canonical sort order applies automatically. If you need a custom order that differs from the canonical sequence, contact support — manual override is available for enterprise plans.

What happens when a buyer has selected option 12 in a collapsed grid?

The grid auto-expands so their selection is visible. Collapsing requires a deliberate "Show less" click — selections are never hidden from the buyer.


Try TailorKit in Your Shopify Store

Your customers can design and preview their products before they buy. Install TailorKit from the Shopify App Store — free to try, works with any theme, no coding required.

Leave a comment

Please note, comments need to be approved before they are published.

About the author

avatar.png__PID:d8d98c71-f999-403e-8220-9ebd3859864a

Hi, I’m Monica Nguyen, Marketing Manager at TailorKit, where I specialize in driving eCommerce growth, building impactful brands, and enhancing user retention. With years of experience in the ecom - Shopify field, CRO and personalization-on-demand industry, I’m passionate about helping merchants unlock their store’s full potential. Through my articles, I share actionable tips, proven strategies, and the latest industry insights to help you stay ahead of trends, optimize your store’s performance, and confidently grow your personalization-on-demand business.

Connect me via 👉🏻LinkedIn so we can directly share and talk more and more. I'll be so delighted to connect and support you! 💚