To integrate the 'groupmate Product Picker' in your legacy or custom Shopify theme, simply follow the 4-step guide below.
- Download the snippets/groupmate_picker.liquid file
- Upload this file into the snippets folder of your theme
- Paste this liquid code
{% render 'groupmate_picker', product: product %}in the place where you want the groupmate Picker to appear - At the top of
groupmate_picker.liquid, you can adjust the behavior and appearance of the Picker with the settings below
| Field Name | Data Type |
|---|---|
| swatch_size | integer |
| show_label | boolean |
| show_swatch_titles | boolean |
| disable_app_css | boolean |
| only_available_products | boolean |
| sort_order | 'order_default' OR 'order_active' |
You can completly disable the default CSS by setting disable_app_css to false and then bring your own styling in the format of your liking.
You can also find some pre-built CSS snippets to adjust the styling to your personal preferences in the CSS-Folder