Styles

The Styles section allows you to control the visual appearance and interactive behavior across your store.

Here you can customize how images animate when loaded or hovered, adjust link underline styles, and apply matte overlay effects to banners and sticky elements for a softer visual look. This section also includes Corner Radius controls, which define how rounded or sharp different interface elements should appear. Adjusting corner radius helps create a consistent style across buttons, images, badges, forms, and more—whether your design is minimal and sharp or smooth and rounded.

---

Location: Theme settings -> Styles

Option Group	Option / Setting	Explanation
Styles	Animate image. Loaded	Enables a smooth appearance animation when images load, enhancing visual flow.
	Image hover effect: Disable / Zoom in #1 / Zoom in and rotate / Zoom in #2 / Zoom out #1 / Zoom out #2 / Slide / Shine	Controls how images behave on hover (e.g., zooming, sliding, or shining). Adds interactive feedback when hovering over product or promotional images.
	Width for underline on hover	Sets how long the underline appears under text links when hovered. Controls visual emphasis of link interaction.
	Header links underline on hover	Enables or disables underline effects for links in the header navigation when hovered.
	Footer links underline on hover	Enables or disables underline effects for footer links when hovered.
	Matte effect	Adds a soft matte overlay for banners or sticky elements, giving them a subtle, muted appearance.
Banner text box, sticky elements	Matte effect opacity	Controls the opacity (strength) of the matte overlay. Higher opacity results in a more noticeable muted effect.
CORNER RADIUS	Roundness	Adjusts the overall corner roundness applied throughout the theme. Controls the global visual style (sharp vs. rounded).
	Icon image	Sets how rounded icon images should appear.
	Color picker	Controls the corner radius specifically for color swatch pickers.
	Button swatches	Adjusts the corner radius for buttons used as product swatches.
	Button	Sets the general corner shape for standard buttons across the store.
	Product page buttons	Controls the roundness for “Add to cart”, quantity selectors, and checkout-related buttons.
	Form input	Adjusts corner radius for input fields such as text fields, search bars, and contact forms.
	Badge	Controls roundness of badges (e.g., “Sale”, “New”, “Sold Out”).
	Tooltip	Adjusts corner styling for tooltips that appear on hover.
	Checkbox	Sets how rounded checkbox elements should appear.
	Table	Controls the corner radius for tables and their structure.
	Submenu	Sets the rounding for dropdown or expandable submenu containers.