Add to wishlist
How to use the Add to wishlist block in the Meditative Folks Theme.
Add to wishlist
At a glance
Add the product to a wishlist.
Used in
- Configure where this block is available in the parent section.
Settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show content | Shows or hides this block without removing it from the section. | Yes | Always |
| Display style | Controls “Display style” on the storefront. Open the theme editor to preview live. | button | Show content is on |
| Icon button variant | Controls “Icon button variant” on the storefront. Open the theme editor to preview live. | ghost | Show content is on and display style == 'icon' |
| Show heart icon | Turns “Show heart icon” on or off on the storefront. | Yes | Show content is on and Display style is Button |
| Add label | Leave blank to use the default translation. | — | Show content is on and Display style is Button |
| Remove label | Leave blank to use the default translation. | — | Show content is on and Display style is Button |
| Additional button classes | Controls “Additional button classes” on the storefront. Open the theme editor to preview live. | — | Show content is on |
| Button variant | Choose the button style for navigation controls. | outline | Show content is on and Display style is Button |
| Button size | Choose the button size for navigation controls. | medium | Show content is on and Display style is Button |
| Use custom button styles | Use custom styles for the navigation buttons. | No | Show content is on and Display style is Button |
| Button background | Controls “Button background” on the storefront. Open the theme editor to preview live. | #ffffff | Show content is on and Display style is Button and use custom button styles is on |
| Button text color | Controls “Button text color” on the storefront. Open the theme editor to preview live. | #000000 | Show content is on and Display style is Button and use custom button styles is on |
| Button padding top & bottom | Adds empty space (button padding top & bottom) around the section content. | 0 | Show content is on and Display style is Button and use custom button styles is on |
| Button padding left & right | Adds empty space (button padding left & right) around the section content. | 0 | Show content is on and Display style is Button and use custom button styles is on |
| Full width button | Stretches the button across the full width of its container. | No | Show content is on and display style != 'icon' |
| Enable shimmer | Adds a moving highlight across the button or ribbon. | Yes | Show content is on and Display style is Button |
Setting details
Each control from the tables above, explained simply:
Show content
Shows or hides this block without removing it from the section. Default: Yes.
Display style
Controls “Display style” on the storefront. Open the theme editor to preview live. Default: button. This control appears when: Show content is on.
Icon button variant
Controls “Icon button variant” on the storefront. Open the theme editor to preview live. Default: ghost. This control appears when: Show content is on and display style == 'icon'.
Show heart icon
Turns “Show heart icon” on or off on the storefront. Default: Yes. This control appears when: Show content is on and Display style is Button.
Add label
Leave blank to use the default translation. Default: —. This control appears when: Show content is on and Display style is Button.
Remove label
Leave blank to use the default translation. Default: —. This control appears when: Show content is on and Display style is Button.
Additional button classes
Controls “Additional button classes” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: Show content is on.
Button variant
Choose the button style for navigation controls. Default: outline. This control appears when: Show content is on and Display style is Button.
Button size
Choose the button size for navigation controls. Default: medium. This control appears when: Show content is on and Display style is Button.
Use custom button styles
Use custom styles for the navigation buttons. Default: No. This control appears when: Show content is on and Display style is Button.
Button background
Controls “Button background” on the storefront. Open the theme editor to preview live. Default: #ffffff. This control appears when: Show content is on and Display style is Button and use custom button styles is on.
Button text color
Controls “Button text color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: Show content is on and Display style is Button and use custom button styles is on.
Button padding top & bottom
Adds empty space (button padding top & bottom) around the section content. Default: 0. This control appears when: Show content is on and Display style is Button and use custom button styles is on.
Button padding left & right
Adds empty space (button padding left & right) around the section content. Default: 0. This control appears when: Show content is on and Display style is Button and use custom button styles is on.
Full width button
Stretches the button across the full width of its container. Default: No. This control appears when: Show content is on and display style != 'icon'.
Enable shimmer
Adds a moving highlight across the button or ribbon. Default: Yes. This control appears when: Show content is on and Display style is Button.
Tips
- Place this block inside a wrapper if it should only show on certain screen sizes.
- Preview in the theme editor on mobile and desktop.