Wishlist Sharing

Customers can share their wishlist with friends using our share feature. Store owners can customise this feature using our advanced editor.

Turn on Wishlist Sharing

Wishlist Sharing can be turned from the Settings tab:

How It Works

Fish Wishlist uses a two-step sharing flow by default:

1. Step 1 - Customer Shares Wishlist

   • When a user clicks the Share Wishlist button, the wishlist is marked public by generating a metaobject and a public link to the wishlist page.

   
2. Step 2 - Share the Link

   • A share popup is triggered with the link that can be copied or shared via social/email.

3. Unsharing the Wishlist

   • If the user decides to revoke access, they can click Unshare Wishlist, which marks the wishlist as private and invalidates the public URL.

---

Accessing the Custom Page Editor (advanced)

Fish Wishlist provides a hidden editor for advanced users. You can manage your wishlist page directly through the following link:

➡️ Wishlist Page Editor (Advanced Access)

Note: This link is hidden in your app admin. Use it only if you’re familiar with theme development and advanced customization.

Editing the Shared Wishlist Page Template

The shared wishlist page uses a generic grid-based layout, which is designed to work across Shopify themes.

You can fully customize this page via the hidden editor and insert any theme-compatible code. Below is a sample template for rendering the shared wishlist using Shopify’s Dawn theme structure.

Sample Code for Dawn Theme:

{{ 'component-card.css' | asset_url | stylesheet_tag }}
<div class="collection page-width">
    <h2> {{ wishlist.title | default: "Shared wishlist" }}</h2>
    <ul class="grid product-grid grid--2-col-tablet-down grid--4-col-desktop"> 
      {% for item in wishlist.items.value %}
      <li class="grid__item">
        {% render 'card-product',
          card_product: item.product,
          media_aspect_ratio: "adapt",
          image_shape: "default",
          show_secondary_image: true,
          show_vendor: true,
          show_rating: true,
          skip_styles: false,
          section_id: section.id,
          quick_add: false
        %}
        </li>
      {% endfor %}
    </ul>
</div>

🛠 Customization Tips:

• You can use card-product or any custom snippet from your current theme.

• Adjust the grid layout, headings, and styling to better fit your brand.

• Use conditional logic to show different views for empty wishlists or logged-in users.