Storefront
The A&A Custom Suit app integrates directly with your Shopify store using Online Store 2.0 App Blocks. This ensures it works seamlessly with your theme and doesn't require editing theme code.
Customer Experience
Once installed and configured, the customization button will display on your product pages based on either the auto-select (tag-based) logic or the specific template you assigned to the product.
- Customization Interface: Customers can build their perfect suit by exploring options. Required inputs and mandatory fields are marked with an asterisk (*).
- Saving Customizations: Customers can save their selected customizations for later. Saving a customization will automatically close the builder screen and return them to the product page.
- Reloading Options: If a customer re-opens the Customize template on a product where they have an existing saved configuration, the app will prompt them to either reload their saved customization or start fresh with a new one.
- Measurement Validation: If a customer selects redundant measurements (for instance, providing both body and garment measurements for a bespoke item), the app intelligently prompts them to select just one method and discards the other.
- Adding to Cart: Clicking "Add to Cart" will bundle the base product with the customization cost (if the custom cost is above $0). If the selected customizations carry no extra charge yielding a final custom cost of $0, the customization product fee line-item will be omitted from the cart.
Troubleshooting
If the button is not appearing:
- Check the Admin Panel > Catalog to ensure the product has the Custom Builder enabled.
- Verify that you have saved your changes in the Theme Editor.
- Ensure the App Block is placed inside the Product Information section.