Theme settings

Theme settings apply to the whole store. In the theme editor, open Theme settings to change your logo, colors and fonts, the look of product cards, search and the cart. Settings for one section, such as the hero, are on the section itself.

Logo

Setting	What it does
Logo	Your logo in the header. Landscape and portrait logos both work.
Logo width	From 50 to 300 px.
Favicon	The small icon in the browser tab. A 32 x 32 px .png works best.

Colors

Colors come in schemes. Each section has a Color scheme setting, so the same scheme gives several sections the same look. A scheme has these colors:

Color	Used for
Background	The section background.
Background gradient	An optional gradient instead of the plain background.
Text	Headings and body text.
Secondary text	Captions, labels and other quieter text.
Button background	Primary buttons.
Button label	Text on primary buttons.
Secondary button and links	Secondary buttons and text links.
Accent	The sale badge, sale prices, discounts in the cart and the cart count.
Accent label	Text on the sale badge and the cart count.

Tip

Lensatic keeps the colors it derives from a scheme readable: quieter text, field borders and success or error messages are adjusted until they stand out enough from the scheme's background.

Typography

Setting	What it does
Headings	The font for headings.
Body text	The font for everything else.
Heading size	Scales all headings, from 80 to 130%.

The font for specification values is set in Specifications, so numbers line up in tables.

Layout

Setting	What it does
Page width	Narrow, Standard or Wide.
Image corner radius	From 0 to 20 px.
Button shape	Pill, Rounded or Square.
Reveal sections on scroll	Sections fade in as customers scroll. Customers who turn off animations on their device don't see it.
Show back to top button	Appears after the customer scrolls past the first screen.

Product cards

Setting	What it does
Image ratio	Portrait, Square or Landscape, the same for every card.
Image fit	Show the whole image, or fill the frame and crop the edges.
Show key specs	Up to three specifications under the product name. Until you set up specifications, the card shows the product weight.
Show color swatches	Color circles for products with a Color option connected to swatches.
Show second image on hover	The second product image appears when the pointer is over the card.

Specifications

Up to six specifications, two “Made for” values, the font for specification values and the product comparison. See Set up product specifications and Turn on product comparison.

Search

Setting	What it does
Popular searches	Terms separated by commas. They show in the search panel and when a search returns nothing.
Collection for empty results	Products shown when a search returns nothing, so the page is never a dead end.

Cart

The cart type, the total weight and the reassurance lines. See Cart.

Links to your accounts on Instagram, Facebook, YouTube, TikTok, X and Pinterest. The footer shows an icon for each link you add, when Show social media icons is on in the footer section.