Trafik Plus
Theme settings

General settings

Updated yesterday

The theme editor's General settings control the logo, typography, layout, animation, products, header, search, pagination, cart, cursor, and custom code across your entire Pops store. Settings are organized into panels; most apply at the theme level, while product quick add is configured per section.

Set your favicon and logo from the Logo panel. The favicon is scaled down to 32x32px for display in the browser tab.

  • Favicon image: the icon shown in the browser tab.

  • Logo image: the image used in the header and footer.

  • SVG logo: upload an SVG version of your logo when you want a scalable, crisp image.

Typography

Choose the typefaces and sizes for headings and body text from the Typography panel. Each ships with a default font you can replace.

  • Heading font: the typeface used for headings.

  • Body font: the typeface used for body text.

  • Heading font-size scale: scales heading sizes from 100% to 150%.

  • Body font-size scale: scales body text sizes from 100% to 130%.

  • Uppercase headings: renders headings in all caps.

Border radius schemes

Choose from three border radius schemes to control the corner rounding across the theme.

Layout

Control spacing and decorative page effects from the Layout panel:

  • Enable page noise: adds a subtle texture to the page background (on by default).

  • Animate page noise: animates the noise texture (on by default).

  • Show page frame: displays a frame around the page (on by default).

  • Page gutters: the horizontal spacing on mobile and desktop separately.

  • Grid spacing: the spacing between grid items on mobile and desktop separately.

Animation

Set how content animates into view from the Animation panel.

  • Animation type: options include None, From bottom, Jumping letters, and From vertical start.

  • Split type: when text animates, split it by Letters, Words, or Lines.

Products

Configure how product images, badges, and reviews display from the Products panel:

  • Review app: select your reviews provider from Judge Me, Loox, Okendo, Yotpo, Ryviu, Junip, Stamped, or Other.

  • Show secondary image on hover: swaps the product photo for the secondary image when a customer hovers over it.

  • Show product badge: displays product badges on product cards.

  • Size option translations: translate size option labels.

Quick add for products is enabled at the section level, not globally.

Control header behavior and icon layout from the Header group:

  • Enable sticky header group: keeps the header pinned as customers scroll (on by default).

  • Layout: choose between Only icons, Icons and text, or Text only for header items.

Enable predictive search to suggest matching products and terms as customers type (on by default).

Pagination

Turn on lazy loading pagination so collection pages load more products automatically as customers scroll rather than jumping to a new page.

Cart

Configure how your cart behaves from the Cart panel:

  • Cart type: display the cart as a Page or a Drawer.

  • Show vendor: shows the vendor name for each cart item.

  • Show notes: lets customers add a note to their order.

  • Show discount code: lets customers enter a discount code at checkout.

  • Show item count: shows the number of items in the cart.

  • Free shipping threshold: the order value required to qualify for free shipping (defaults to 30).

Custom cursor

Choose a custom cursor style from the Custom cursor panel:

  • CSS cursor: uses a standard CSS cursor.

  • Line trailing cursor: adds a line that trails the cursor.

  • Sparkle trailing cursor: adds a sparkle trail behind the cursor.

Custom code

Add custom JavaScript and HTML snippets that load at the start and end of the page head and body. Use the end-of-body fields for tracking scripts and other code that should run after the page loads.

Was this helpful?
Was this helpful?