--- title: Store Product Design description: HelixPay Store Product Design --- [Skip to content](https://support.mosaic-solutions.com/helixpaysupport/store-product-design-#main-content) [![HP\_TICKETING SOLUTIONS\_LOGO-BLACKDSFAS (1)](https://support.mosaic-solutions.com/hs-fs/hubfs/HP_TICKETING%20SOLUTIONS_LOGO-BLACKDSFAS%20(1).png?width=201&height=50&name=HP_TICKETING%20SOLUTIONS_LOGO-BLACKDSFAS%20(1).png)](https://support.mosaic-solutions.com/helixpaysupport/?hsLang=en) - [Contact Client Support](https://support.mosaic-solutions.com/helixpaysupport/contactus) Open main navigation Close main navigation - [Contact Client Support](https://support.mosaic-solutions.com/helixpaysupport/contactus) - - [Log in to console.helixpay.ph](https://console.helixpay.ph/) [Log in to console.helixpay.ph](https://console.helixpay.ph/) How can we help you? - There are no suggestions because the search field is empty. 1. [HelixPay Support](https://support.mosaic-solutions.com/helixpaysupport?hsLang=en) 2. [Design Store](https://support.mosaic-solutions.com/helixpaysupport/design-store?hsLang=en) 3. [Foundational Design](https://support.mosaic-solutions.com/helixpaysupport/design-store?hsLang=en#foundational-design) # Store Product Design ## Customize the appearance of your product cards and pages. **Customize Product Details Button** This button prompts the user to purchase your product. 1\. Input the label shown on the product button (e.g., “BUY TICKETS”).  ![](https://support.mosaic-solutions.com/hs-fs/hubfs/undefined-May-29-2026-09-10-49-4583-AM.png?width=670&height=71&name=undefined-May-29-2026-09-10-49-4583-AM.png)  2\. Toggle on  -   "Show in product card" to display the button directly on the product card.  -   "Full width" to make the button stretch across the product card.    ![](https://support.mosaic-solutions.com/hs-fs/hubfs/undefined-May-29-2026-09-10-56-4174-AM.png?width=196&height=90&name=undefined-May-29-2026-09-10-56-4174-AM.png)    3\. Manage the colors for the button, hover button, text, hover text, border, hover border and shadow.   ![](https://support.mosaic-solutions.com/hs-fs/hubfs/undefined-May-29-2026-09-11-01-0645-AM.png?width=465&height=236&name=undefined-May-29-2026-09-11-01-0645-AM.png)  4\. Manage the border settings in terms of radius, style and width.   ![](https://support.mosaic-solutions.com/hs-fs/hubfs/undefined-May-29-2026-09-11-05-2757-AM.png?width=670&height=116&name=undefined-May-29-2026-09-11-05-2757-AM.png)  5\. Manage the lengths and radius of the button.   ![](https://support.mosaic-solutions.com/hs-fs/hubfs/undefined-May-29-2026-09-11-09-5659-AM.png?width=670&height=104&name=undefined-May-29-2026-09-11-09-5659-AM.png)     *Sample Product Details Button on the storefront*   ![](https://support.mosaic-solutions.com/hs-fs/hubfs/image-png-May-29-2026-09-11-31-3593-AM.png?width=670&height=316&name=image-png-May-29-2026-09-11-31-3593-AM.png)  **Product Select Button Text** Input the label shown on the Product Select Button (e.g. Select). ![](https://support.mosaic-solutions.com/hs-fs/hubfs/undefined-May-29-2026-09-11-50-2693-AM.png?width=670&height=92&name=undefined-May-29-2026-09-11-50-2693-AM.png)   **(Optional) Product Stock Count Display** Indicate the status of your sold stocks count which will be displayed on your storefront. ![](https://support.mosaic-solutions.com/hs-fs/hubfs/undefined-May-29-2026-09-11-58-1453-AM.png?width=670&height=108&name=undefined-May-29-2026-09-11-58-1453-AM.png)   **Add to Order Button Text** Input the label shown on the Add to Order Button (e.g. Add to Order). **![](https://support.mosaic-solutions.com/hs-fs/hubfs/undefined-May-29-2026-09-12-06-8835-AM.png?width=670&height=93&name=undefined-May-29-2026-09-12-06-8835-AM.png)**   *Sample Add to Order Button on the storefront* *![](https://support.mosaic-solutions.com/hs-fs/hubfs/image-png-May-29-2026-09-12-31-8958-AM.png?width=670&height=361&name=image-png-May-29-2026-09-12-31-8958-AM.png)* **(Optional) Toggles** - Toggle on “Show Product Video in Product Details Page” if preferred. -  Toggle on ”Zoom in Seat Map on initial load” if preferred.   ![](https://support.mosaic-solutions.com/hs-fs/hubfs/undefined-May-29-2026-09-13-33-4976-AM.png?width=316&height=115&name=undefined-May-29-2026-09-13-33-4976-AM.png)    **Add-on Settings** 1\. Input the label shown on the Add-on function. 2\. Set the error message shown when an add-on cannot be bought individually  ![](https://support.mosaic-solutions.com/hs-fs/hubfs/undefined-May-29-2026-09-13-53-3111-AM.png?width=1399&height=441&name=undefined-May-29-2026-09-13-53-3111-AM.png)      - [Getting Started](https://support.mosaic-solutions.com/helixpaysupport/getting-started?hsLang=en#main-content) - [Users](https://support.mosaic-solutions.com/helixpaysupport/getting-started?hsLang=en#users) - [Design Store](https://support.mosaic-solutions.com/helixpaysupport/design-store?hsLang=en#main-content) - [Foundational Design](https://support.mosaic-solutions.com/helixpaysupport/design-store?hsLang=en#foundational-design) - [Core Design](https://support.mosaic-solutions.com/helixpaysupport/design-store?hsLang=en#core-design) - [Optional Design](https://support.mosaic-solutions.com/helixpaysupport/design-store?hsLang=en#optional-design) - [Event Setup](https://support.mosaic-solutions.com/helixpaysupport/event-setup?hsLang=en#main-content) - [Setup Tools](https://support.mosaic-solutions.com/helixpaysupport/event-setup?hsLang=en#setup-tools) - [Creating Events](https://support.mosaic-solutions.com/helixpaysupport/event-setup?hsLang=en#creating-events) - [Creating Products](https://support.mosaic-solutions.com/helixpaysupport/event-setup?hsLang=en#creating-products) - [Navigate Console](https://support.mosaic-solutions.com/helixpaysupport/navigate-console?hsLang=en#main-content) - [Set Inventory](https://support.mosaic-solutions.com/helixpaysupport/navigate-console?hsLang=en#set-inventory) - [Maximize Store](https://support.mosaic-solutions.com/helixpaysupport/maximize-store?hsLang=en) - [Boost Promotions](https://support.mosaic-solutions.com/helixpaysupport/boost-promotions?hsLang=en) - [Event Day](https://support.mosaic-solutions.com/helixpaysupport/event-day?hsLang=en) - [Finances](https://support.mosaic-solutions.com/helixpaysupport/finances?hsLang=en) - [FAQs](https://support.mosaic-solutions.com/helixpaysupport/faqs?hsLang=en) - [Client Support](https://support.mosaic-solutions.com/helixpaysupport/client-support?hsLang=en) [![HELIXPAY-LOGO-BLACK-BG (2)-1](https://support.mosaic-solutions.com/hs-fs/hubfs/HELIXPAY-LOGO-BLACK-BG%20(2)-1.jpg?width=227&height=60&name=HELIXPAY-LOGO-BLACK-BG%20(2)-1.jpg "HELIXPAY-LOGO-BLACK-BG (2)-1")](http://mosaic-solutions.com) E-commerce Technology for Events and Experiences [mailto:hello@helixpay.ph](mailto:hello@helixpay.ph) HelixPay Ticketing Solutions Help Center