Page design

Switch the wishlist page between a product grid and a list, choose what each item shows, style its buttons, and match its typography and colors to your store.

ProWishlist Page tab
  • Four columns of cards with remove button, date added, price, stock and Add to cart

The tab's cards, in order: Page Design, Layout, Content, Add to Cart, Buttons, and Typography & Colors. Settings appear only when they apply.

Layout

Turn on Customize layout & content (card "Page Design": "Turn on to change the layout and content.", off by default). The Layout and Content cards appear, and apply, only while it's on; off, the page keeps Free's list view.

  • Customize layout & content on, with the List and Grid layout cards
Layout
Default List

List (table rows with columns) or Grid (product cards). One page can override it with [siteryn_wishlist layout="grid"].

Width
Default Centered (max 1200px)

Centered or Full width. Override with [siteryn_wishlist width="full"].

Columns (desktop) · Columns (mobile)
Default 4 · 21–6 · 1–2

Grid only; mobile is screens up to 600 px.

Space between cards (px)
Default 280–80

Grid only.

Image size (px) · Row spacing (px)
Default 64 · 1232–160 · 0–60

List only.

Background · Padding above & below (px)
Default none · 00–120

A background behind the whole wishlist (empty = none) and space above and below it.

Content

What each wishlist item shows.

Empty wishlist message
Default

"Your wishlist is empty."

Price · Date added · Stock status
Default On

Remove button
Default Icon (×)

Icon (×) or Text ("Remove").

Buttons

One look for every button on the page: Add to cart, Add all to cart, Ask for an Estimate (and its Send Request), Explore Products, and Add to my wishlist on shared lists. Share keeps its own colors (under Social Sharing) but follows the corner radius. The My Wishlists controls keep their own look. Buttons apply even with Customize layout & content off.

  • Filled, Outline, Soft and Text style cards with corner radius and colors
Style
Default Filled

Filled (solid color), Outline (border only), Soft (light tint) or Text (no box).

Corner radius (px)
Default 9990–999

0 = square, 999 = pill. Share follows it too.

Button color · Text on filled button
Default #155bff · #ffffff

Outline, Soft and Text use the button color for the text (Outline also for the border; Soft as a light tint).

Hover color · Hover text
Default #0d3fc2 · #ffffff

On hover every style except Text fills with the hover color; Text just changes its text to the hover color.

Typography & colors

Product names, prices and images.

SettingDefault
Product name · Product name size (px)#111111 · 15 (10–28)
Price#061f5c
Remove button#111111
Image corner radius (px)8 (0–200)

Buttons and Typography & colors apply whenever a Pro storefront feature is on (Add to cart is on by default), even with Customize layout & content off. Layout values (width, columns, spacing, image size, background, padding) apply only while it's on.

Custom CSS

Advanced → Custom CSS: your own CSS for the wishlist elements (classes start with siteryn-wishlist-). It loads on pages where a Pro storefront feature is on.

.siteryn-wishlist-toggle { border-radius: 4px; }