Fish Wishlist
  • Overview
    • Fish Wishlist App
    • Pricing
  • Install & Setup
    • Getting Started
    • Theme Setup
      • Enable app embeds
      • Add app blocks to your theme
      • Add code snippet to collection grid
    • App Configuration
    • Checkout Upsell Widget
    • Account Portal
  • Customisation
    • Custom Styling
    • Copy & Translations
  • Wishlist Sharing
  • Integrations
    • GA4 Integration
    • Meta Integration
    • Klaviyo
    • FoxSell Bundles
  • FAQ
    • Common Issues
Powered by GitBook
On this page
  • Instructions
  • Open theme editor
  • Add app block to header
  • Configure header app block settings
  • Add app block to product template/s
  • Configure product app block settings
  • Repeat steps 4 & 5 for any other product templates
  1. Install & Setup
  2. Theme Setup

Add app blocks to your theme

Utilise our app blocks to add our wishlist buttons to your site header & product page templates.

PreviousEnable app embedsNextAdd code snippet to collection grid

Last updated 7 months ago

Instructions

1

Open theme editor

In Shopify Admin, navigate to Online Store -> Themes -> Customise Theme

2

Add app block to header

  • Within your theme editor, expand your 'Header' section

  • Click to 'Add block' in your 'Header' section

  • Select 'Apps' -> 'Open wishlist button' block

3

Configure header app block settings

  • Within the 'Open wishlists button' app block you can configure settings to customise the styling as per your needs.

    • Learn more about the available settings here.

4

Add app block to product template/s

  • Within your theme editor, navigate to your Default Product template

  • Click to 'Add block' in your 'Product Information' section

    • This section may have different name depending on your theme

  • Select 'Apps' -> 'Add To List Button PDP' block.

  • Drag and drop the block within your product section to position it as required.

5

Configure product app block settings

  • Within the 'Add to list button PDP' app block you can configure settings to customise the styling as per your needs.

    • Learn more about the available settings here.

6

Repeat steps 4 & 5 for any other product templates

If your theme is running multiple product templates, you'll need to repeat steps 4 & 5 (above) for any other product templates you use.