Start here

Glamorous Theme Documentation

A complete reference for every section, block, and setting in the Glamorous Shopify theme, built for beauty and cosmetics storefronts. Use the sidebar to jump to any part of the theme editor.

Sections, blocks and theme settings

Everything you customize lives in one of three places inside Online Store → Themes → Customize.

Sections: the building blocks of a page, such as a hero banner, a product grid, or a footer. Add, remove, and reorder them from the "Add section" button in the left panel. Each section has its own settings panel on the right.

Blocks: smaller repeatable pieces nested inside a section, such as a single FAQ question, a single testimonial, or a single nav category card. Most sections that hold a list of things use blocks, so you can add, remove, reorder, and duplicate individual items.

Theme settings: the gear icon at the top of the editor. These apply site-wide: logo, fonts, color schemes, button style, cart behavior, and more. Individual sections then refer to these, for example a section's "Color scheme" picker chooses one of the palettes you defined in Theme settings → Colors.

Color schemes

Rather than picking colors one by one on every section, this theme uses reusable color schemes: named palettes (background, text, button colors, borders, links) defined once in Theme settings → Colors. Every section's "Color scheme" dropdown picks one of these palettes, so changing a scheme's colors updates every section that uses it at once.

Desktop vs mobile

Most spacing and media settings have a separate value for desktop and mobile. Set them on each device separately, since a value that looks right on a wide screen can be too large on a phone. Mobile padding and margin values have their own ranges, shown in the Common section settings below.

Header & navigation

The header holds the logo, the main menu, search, and the cart icon. It also controls how the header behaves over the page content and when it sticks to the top of the screen.

Header: logo, main menu, popular categories, predictive search, and cart icon. Transparent header can be turned on for each page type (collection list, collection, product, product thumbnail view, bundle, contact, and about us). Sticky header can be set to None, On scroll up, or Always. The mega menu holds category cards (max 9) and promo slides.

Announcement bar: rotating messages above the header. Each message can have an optional icon and link.

Mobile bottom nav: a fixed navigation bar at the bottom of the screen on phones.

Cart drawer: the slide-out cart that opens from the header cart icon. It has no settings of its own and uses the Cart settings in Theme settings.

Homepage & marketing

These sections are built for the homepage and campaign pages. Most of them are free to combine in any order.

Hero banner: scroll-driven hero with separate desktop and mobile images or videos, heading, description, button, and marquee phrases.

Slideshow: up to 5 slides with autoplay, speed, loop, pause on hover, pin on scroll, and pagination.

Image banner: full-width banner image with text over it. Blocks: caption, heading, text, button.

Image with text: one image beside a text stack, in two columns. Blocks: caption, heading, text, button.

Image with card: a brand-story layout with up to 6 scrollable image cards.

Rich text: a centered text block. Blocks: caption, heading, text, button.

Multicolumn: a grid or a mobile carousel of up to 6 columns, each with an image, title, text, and link.

Image Story: two images on either side of a heading. As you scroll, the images slide out from behind the content. Includes a content color scheme and an optional button.

Testimonial: an orbit of customer photos. Clicking one shows the quote, a star rating (filled fractionally, so 4.9 fills 4.9 stars), and an optional linked product. Up to 8 testimonials.

FAQ: an accordion with up to 16 questions.

Countdown: a promo banner with a countdown timer and up to 3 feature icons.

Video expand: a small video box that grows into a full-width background video as you scroll.

Highlight bar: a large uppercase statement with circular product images between the words. Blocks: text, word.

Partner logos: a row of partner or press logos. Blocks: logo (optional link).

Scrolling banner: an auto-scrolling marquee of up to 8 text items.

Scrolling showcase: an auto-scrolling row of icon and text items.

Before / after: an interactive slider that compares two photos, with an optional product card and button.

Shop by category: up to 3 category tabs, each with an image, products, and a "shop more" button.

Video benefits: two columns with a looping video in the middle. Up to 6 benefit blocks.

Coverflow gallery: a 3D swipeable carousel of image or video slides, with optional add-to-cart.

Scroll collage: a full-screen scroll hero with a collage of product cards.

Product showcase: one large image beside a swipeable product carousel from a collection.

Featured product: highlights one product. Includes a custom liquid block.

Featured collection: a row or grid of products from one collection.

Instafeed: an Instagram grid of up to 12 items.

Custom liquid: a container for your own Liquid, HTML, CSS, or JavaScript.

Collections & listing

These sections show collections and their products, and link shoppers into them.

Collection: the collection page with title, description, product grid, filters, sorting, and pagination.

Collection categories: a row of circular category chips linking to collections. Up to 12.

Collection gallery: an animated gallery of up to 4 tiles, with heading, description, and call to action.

Collections: a responsive grid of all collections, with pagination.

Collections list: a scrollable row of large collection tiles. The mobile carousel is optional.

Product page

The product page is built from one main section and several optional sections placed below it.

Product: the main product section, with media layout, breadcrumb, and a sticky cart bar. Blocks: title, price, volume pricing, inventory, description, variant picker, quantity, buy buttons, complementary products, gift wrap, payment icons, share, image, countdown, video feedback, accordion, size chart, and custom liquid.

Product tabs: tabbed content below the product, such as Description, Specifications, and Shipping. Up to 3 tabs.

Product benefits: a full-width scroll showcase of up to 5 benefit cards, each with a desktop and mobile image, heading, and description.

Product benefits banner: an animated marquee banner using top word and bottom word blocks, with a floating product image.

Related products: a "You may also like" grid from Shopify's recommendation engine.

Quick view: a popup preview and purchase option on product cards. It has no section settings and works automatically.

Pickup availability: shows local store pickup availability. It has no settings.

Bundles

The bundle section lets shoppers build their own bundle.

Bundle: a featured hero product with a swipeable row of add-on products. On a product page, the current product also appears in the list along with the other products from its collection.

Cart & search

The cart and search pages are full pages. The cart drawer is set up in Theme settings.

Cart: the full-page cart, with items, order note, shipping calculator, and checkout. Whether the cart opens as a drawer or a page is set in Theme settings → Cart.

Search: search results for products, articles, and pages, with sorting, filters, and pagination. On mobile, sort and filter sit in a toolbar.

Blog & article

Blog: the blog listing, with a featured post, an article grid, and tag filters.

Blog posts: a homepage section that shows selected articles as a grid or carousel.

Article: a single blog post, with hero image, body text, comments, and related posts.

Utility & system pages

Page: a standard content page, such as About Us or FAQ.

Contact form: a contact form. Blocks: field, textarea, checkbox, heading.

404: the page shown for broken links.

Password: the store password page, shown while the store is coming soon.

Global theme settings

These settings are in Theme settings (the gear icon) and apply across the whole site.

Logo

Logo image.
Transparent logo, for dark or transparent backgrounds.
Logo width: 60 to 300 px (default 140 px).

Favicon

The icon shown in the browser tab.

Typography

Primary font (default Work Sans).
Secondary font (default Work Sans).
Italic underline: on or off (default on). Adds an animated swoosh under italic words in headings and rich text.

Colors

Quick view color scheme (default Scheme 1).
Color schemes: background, gradient, text, primary button (background, text, border, and hover states), secondary button (background, text, border, and hover states), link, link hover, icon, and thumbnail border.
Input corner radius: 0 to 10 px (default 4 px).

Social media

Facebook, Instagram, TikTok, YouTube, Twitter/X, and Pinterest links. A blank link hides that icon.

Product cards

Image ratio: Portrait (default), Square, or Adapt to image.
Corner radius: 0 to 40 px (default 0 px).
Quick view on or off (default on).

Cart

Cart icon: cart behavior (Drawer by default, or Page), and the cart drawer color scheme.
Free shipping bar: on or off (default on). Threshold (default 2000), and background, text, track, and fill colors.
Order note: on or off (default on).
Shipping rate calculator: on or off (default on), and results background and text colors.
Complementary products: on or off (default on). Source collection, heading (default "Frequently bought together"), and count from 2 to 12 (default 6).

Buttons

Border width: 0 to 6 px (default 2 px).
Corner radius: 0 to 50 px (default 50 px, a pill shape).
Shadow opacity: 0 to 100% (default 0%).
Shadow vertical offset: -40 to 40 px (default 4 px).
Shadow blur: 0 to 40 px (default 12 px).

Slider hover cursor

Custom cursor icons for the left side, the right side, and the blocked state (when a slider cannot move further).

Common section settings

Most sections share these settings.

Setting	Desktop	Mobile
Color scheme	One of the color schemes from Theme settings → Colors.
Padding top and bottom	0 to 160 px	0 to 100 px
Margin top and bottom	0 to 160 px	0 to 100 px

Defaults differ by section. For example, the footer uses 40 px padding on desktop and 32 px on mobile.

Optional features

Transparent header: the header floats over the page. Each page type has its own toggle.
Sticky header: None, On scroll up, or Always.
Slideshow: autoplay, speed, pause on hover, loop, and pin on scroll.
Cart options: free shipping bar, order note, shipping calculator, and complementary products.
Quick view: on or off on product cards.
Image hover zoom: zooms product images on hover on desktop.
Italic underline: on or off in Typography.
Slider hover cursor: custom cursor across the site.
Scroll position restore: keeps your place when you reload or go back. This is automatic.
Footer reveal: on desktop, the footer slides into view as you scroll. This is automatic.

FAQ & troubleshooting

My section is empty. Most list sections need at least one block before anything shows.

My color change does not show. Check the section's "Color scheme" dropdown. To change the colors themselves, edit the scheme in Theme settings → Colors.

Related vs complementary products. Related products come from Shopify's recommendation engine automatically. Complementary products in the cart come from the collection you choose in Cart settings.

Language. The theme ships with 23 languages. A language appears to shoppers only after you publish it in Shopify admin under Settings → Languages.