Introduction to Product Options
Giftship’s Product Options tool allows you to configure options sets to display on your Product page. Display logic then allows for dynamic option sets based on different product pages.
Product Options allows you to build and display option sets on your product page.
Here is a list of the option blocks that you can choose to display. Click on applicable links to see a live demo:
- Upsells
- Gift Message
- Datepicker
- File Upload
- Checkbox
- Text Area
- Number Input
- Email Input
- Phone Input
- Radio Button Options
- Dropdown Menu
- Color Picker
- Color Swatch
- Image Gallery
- Hidden Input
After building your option blocks – you can add display logic between how these blocks react to each other.
For instance, if you add a gift message option, but only want it to display if an upsell has been added, this can be set up with Product Options logic. See an example here.
Below is a tutorial on creating your first Product Options set. As ever, if you need any help getting set up, don’t hesitate to reach out to us at support@gist-apps.com.
Can't find the answer in our documentation?
Contact Support Showing Product Option Blocks Based on Customer Tags with the Hidden Input Block
Introduction to Product Options
Build a Product Options Set
Dynamic Display Logic in Product Options
Product Option Block: Upsells
Product Option Block: Gift Message
Product Option Block: Datepicker
Product Option Block: File Upload
Product Option Block: Inputs (Text, Number, Email, Phone, Textarea)
Product Option Block: Selections (Checkbox, Radio Button, Dropdown, Color Picker)
Product Option Block: Color Swatch
Product Option Block: Image Gallery
Showing Product Option Blocks Based on Product Variants with the Hidden Input Block
Edit Gift Messages etc on Multiship and Cart Page in Giftship
Styling you Product Options Image Row Upsell Components
Adding Bundles when a User Navigates to the Cart Page
How to show bundle price on product page as bundle is built
How To Implement Product Bundle Snippets With Handlebars.js Cart