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
  • Column width
  • Page width
  • Padding
  • Show share button
  • Remove from Wishlist
  • Product options
  • Product option style
  • Call to action
  • Call to action style
  • Alignment
  • Image aspect ratio
  • Image fit
  • Show vendor
  • Show product title
  • Show price
  • Show option name
  1. THEME EXTENSIONS

Wishlist Page

This embed adds a Wishlist page to your store.

Column width

Adjust the column width of the product grid. Smaller columns means more products per row.

Page width

Defines a maximum allowed width. On larger screens the Wishlist page will not exceed this value (in px).

Padding

Adjust the top and bottom padding of the Wishlist page.

Show share button

Show or hide the Wishlist share button.

Remove from Wishlist

When this option is enabled, products will be removed from the Wishlist when added to cart.

Product options

Set the way product option selectors (variants) are displayed.

  • Dropdowns Display product options as dropdowns.

  • Swatches Display products options as swatches.

  • None Hide the product option selectors.

Product option style

Set the product option input style.

Call to action

Set the call to action for Wishlist products.

  • Add to cart Displays an add to cart button.

  • View product Displays a button that navigates to the product page.

  • None Hide button.

Call to action style

Set the call to action button style.

Alignment

Align text on the product cards left, right or centre.

Image aspect ratio

Note: If your store uses the same aspect ratio for all images it is best to set this to the exact aspect ratio of your images.

Note: If your store uses various aspect ratios it is best to set this to Square 1/1.

  • Landscape: 4/3

  • Portrait: 4/5

  • Square: 1/1

  • Tall portait: 2/3

Image fit

Defines how product images display within the image aspect ratio set above.

  • Contain Displays the entire product image without any cropping, adding empty space if needed.

  • Cover Crops the product image to cover the entire area defined in aspect ratio.

Show vendor

Show or hide the product vendor.

Show product title

Show or hide the product title.

Show price

Show or hide the product price.

Show option name

Show or hide the product option name (e.g. Size, Colour, etc).

PreviousProduct Page ButtonsNextCode Editor

Last updated 5 months ago

Set an aspect ratio for product images. We use the for this setting. Below is a list of common values.

aspect ratio CSS syntax