Swish Docs
Go to websiteInstall now
  • Swish Documentation
  • GETTING STARTED
    • Getting Started
  • THEME EXTENSIONS
    • App Settings
    • Collection Buttons
    • Floating Wishlist Link
    • Product Page Buttons
    • Wishlist Page
  • CUSTOMIZATIONS
    • Code Editor
    • Custom Wishlist Page
    • Instant Header Link
    • Custom Colour Swatches
    • Save for Later Button
    • Wishlist Notifications
  • INTEGRATIONS
    • Swish API
    • Klaviyo Integration
      • Klaviyo Integration Setup
      • Configuring Events In Swish
      • Testing Events
      • Setting Up Klaviyo Flows
        • Wishlist Welcome Flow
        • Wishlist Reminder Flow
        • Low In Stock Flow
        • Back In Stock Flow
        • Price Drop Flow
      • Configuring Email Content
        • Flows and Events
        • Inserting A Single Product Into An Email Template
        • Inserting Multiple Products Into An Email Template
    • Google Analytics
    • Meta Pixel
    • Maestra
Powered by GitBook
On this page
  • Style
  • Alignment
  • Spacing
  • Max width
  • Full width
  • Show text
  • Show icon
  • Icon
  1. THEME EXTENSIONS

Product Page Buttons

Wishlist buttons for product pages.

PreviousFloating Wishlist LinkNextWishlist Page

Last updated 5 months ago

These buttons can be added and configured through the theme editor. More advanced setups and button placements can be achieved via code access.

Theme 2.0 required.

Product page buttons are app blocks, which can only be used in 2.0 themes. Other themes need to add these buttons via Code Editor.

Style

Select a Wishlist button style. This uses the global colour and button values from app settings.

Alignment

Spacing

Adjust the Wishlist button spacing. All values are in px.

Note: Negative values can be used in order to reduce the spacing if surrounding elements have excessive margins.

Max width

Use this setting to restrict the maximum width of the Wishlist button.

When set to 0 the max width is turned off.

Full width

Show text

Hide or show the Wishlist button text.

Show icon

Hide or show the Wishlist button icon.

Icon

Adjust the Wishlist button alignment when it’s not displayed .

Use content alignment when the button is set to .

When active the button will stretch to fill the entire available space or its .

Adjust the Wishlist button icon style. Icons will use the global values from .

full width
full width
max width
colour
app settings
product-style.png
product-alignment.png
product-spacing.png
product-icon.png