The settings screen
One screen for everything, with a live preview that updates as you change settings.
- Tabs on the left, settings in the middle
- Live Preview, Shortcodes and Reset to Defaults on the right
Layout
- Top bar: the plugin version, Documentation, Need Help? and Save Changes.
- Left: the tabs General, Header Cart, Floating Cart, Appearance, Get Premium (hidden once Pro is active) and System Status, and a "Do more with Siteryn Pro" card while Pro isn't active.
- Right: Live Preview, Shortcodes and Reset to Defaults (not on Get Premium and System Status).
Live preview
Switch between Mini Cart, Side Cart and Floating Cart above the preview; opening the Mini Cart or Side Cart sub-tab or the Floating Cart tab switches it for you (the Appearance tab keeps the current view). It shows sample items and updates instantly for the buttons shown and their text, the panel titles and title alignment, the Continue Shopping text and style, the Side Cart's "Checkout" button style, padding, corner radius and shadow, the Appearance colors, font size and image size, and the floating button's corner, spacing, icon, size, count, colors, shape and shadow. The Mini Cart's Cart Icon, the empty-cart texts and the opening animation are best checked on your store: the ↗ icon opens it in a new tab.
Saving and resetting
- Save Changes (top right or under the tab) saves the General, Header Cart, Floating Cart and Appearance tabs together, without reloading: "Settings saved."
- Reset to Defaults (sidebar card) resets the tab you're on (General resets both the Mini Cart and Side Cart), after a "Reset to Defaults?" confirmation, then shows "These settings were reset to their defaults." It can't be undone, and it's hidden on tabs without settings.
Appearance tab
Colors, typography, shadows and animation shared by the Mini Cart, Side Cart and Floating Cart.
- The Appearance tab (with Pro active, the Quick Presets row shows at the top)
- The Colors fields with their color pickers, then Typography & Shape, Cart Items and Animation
- The Live Preview showing the Mini Cart
Colors
Buttons, links and accents, and the floating button when its own Background Color is empty.
Button hover color.
Text on filled buttons, and the floating button's icon when its own color is empty.
Main text, and secondary text such as the item count.
Backgrounds and dividers inside the carts.
The × close button and each item's remove icon.
Combined with "Panel Opacity" below for the panels' own background. The Side Cart's page overlay uses this color too, at its Page Overlay Opacity.
100% is a fully solid panel background.
Each color field has WordPress's color picker; an empty or invalid value goes back to the default.
Typography & Shape
The carts' text size.
Buttons, inputs and other rounded elements. The panels' own corners are set on the Mini Cart and Side Cart sub-tabs.
Cart Items
Item thumbnails in both carts.
Shows the chosen options (for example size and color) under each cart item.
What the "−" button and the quantity box do at 1: Removes the item, or Stops at 1 (use the remove link instead).
Animation
Off opens and closes the carts instantly.
Ignored when the animation is off. Animations also turn off for visitors who prefer reduced motion.
Shortcodes card
[siteryn_mini_cart] and [siteryn_side_cart] with Copy buttons. See Shortcodes.
System Status
Read-only details to include when you contact support: the Free version (plus the Pro version and license while Pro is active); PHP, WordPress and WooCommerce against their minimums, each marked OK or Needs Attention; and the database name, MySQL version, active theme, site URL, server IP, WP_CACHE, PHP memory limit and max execution time, server software and multisite.
- The Free Version card (Pro Version and license cards appear only while Pro is active)
- The Requirements table with OK or Needs Attention
- The Environment table
Multilingual stores
The Continue Shopping texts and custom URLs can be translated with WPML String Translation or Polylang. The other texts you type in the settings (panel titles, button texts and empty-cart texts) are shown as entered in every language; their defaults and every built-in storefront text are translation-ready, and cart updates answer in the shopper's language.