The blank step problem
You set up a personalizer with conditional logic: pick "Text only" and the image-upload step becomes irrelevant. The option controls it correctly — but the step was still there. Customers had to click Next through an empty screen before reaching the options that actually mattered.
Every blank step is a moment of confusion. "Did I miss something? Is this a bug?" Most customers click through. Some don't.
What changed
The wizard controller now checks whether a step is effectively empty before advancing to it. A step is considered empty when every element wrapper inside it has been hidden by conditional logic — specifically, when all wrappers carry an inline display: none applied by TailorKit's layer-option toggle.
When the wizard encounters such a step during Next or Back navigation, it skips it automatically. The customer moves directly to the next step that has visible content.
The skip applies in both directions — forward and backward — so clicking Back doesn't land the customer on a blank screen either.
This improvement pairs well with the broader storefront polish that landed in the same release: the Personalise button now auto-positions under your ATC, option sets display in logical order, and large image grids collapse — reducing friction at every stage of the personalizer flow.
How it works with your existing conditional logic
No configuration change is needed. The wizard reads the DOM state produced by your existing conditional logic rules. If your rules already hide all elements in a step for a given selection, those steps now auto-skip.
The detection is intentionally scoped to inline display: none set by the layer-option toggle. Steps hidden by TailorKit's own step-visibility class are treated separately and do not interfere with the empty-step detection.
What merchants with complex option sets will notice
Personalizers with multiple conditional paths — "text only" vs "image only" vs "both" selections — will see the cleanest improvement. Customers picking a path that empties multiple downstream steps will jump past all of them in a single Next click.
If you use conditional logic to gate AI-processed image uploads (for example, a laser engraving path vs a standard print path), the new Laser Engraving visual style gives those image steps an accurate single-color preview — and this update ensures customers on text-only paths never see the image step at all.
No action needed on your end
This update ships as part of the TailorKit extension — no action needed on your end. The behavior applies automatically to all live personalizers.
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.
What triggers a step to be skipped?
A step is skipped when all of its element wrappers are hidden by conditional logic — meaning every layer in that step has been toggled off by a prior selection. Steps with at least one visible element are never skipped.
Does this affect the step count shown to customers?
The progress indicator reflects the steps customers actually need to complete. Skipped steps don't appear in the count, so the flow feels shorter and intentional.
Do I need to update my conditional logic rules?
No. The auto-skip reads your existing rules. No changes to templates or option sets are required.
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.
