# Lights Out

- [Facet: a Shopify theme for fashion and swimwear brands](https://docs.shopify.lightsout.agency/themes/facet/introduction.md): Learn how the Facet Shopify theme is organized, where to change its settings and sections, and which guide to read for each part of your store.
- [Use the common section settings in Facet](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md): Learn the Color scheme, Top padding, Bottom padding and Page width settings that most Facet sections share, with the real spacing and widths behind each option.
- [Build sections with theme blocks in Facet](https://docs.shopify.lightsout.agency/themes/facet/theme-blocks.md): Add, reorder, hide and remove blocks in Facet sections, and set up the shared Heading, Text, Button, Image, Label, Group and Custom Liquid blocks.
- [Facet theme release notes and version history](https://docs.shopify.lightsout.agency/themes/facet/changelog.md): See what each Facet theme release adds for your store, starting with the first release, version 1.0.0: templates, header, cart, product page and design tools.
- [Set up store-wide Theme settings in Facet](https://docs.shopify.lightsout.agency/themes/facet/theme-settings.md): Learn what Facet's Theme settings control, how to open them in the Theme Customizer, and which settings groups to set up first in a new store.
- [Add your logo and favicon to Facet](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/logo.md): Upload your store logo in Facet, set how wide it shows in the header, footer and password page, and add the favicon shown in browser tabs.
- [Link your social media accounts in Facet](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/social-media.md): Add your Facebook, Instagram, X, TikTok, YouTube and Pinterest links in Facet so the matching icons appear in the announcement bar and footer.
- [Choose heading and body fonts in Facet](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/typography.md): Pick Facet's heading font and body font, see which text on your store uses each one, and check the fixed text sizes used on desktop and phones.
- [Set the page width and side margins in Facet](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/layout.md): Set Facet's maximum page width and the minimum margin at the sides of the page, and see how both shape the width of every section on large screens.
- [Adjust grid spacing between cards in Facet](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/grid.md): Set the column and row gaps between product cards, collection cards and other grid items in Facet, with separate values for desktop and phones.
- [Choose the button corner style in Facet](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/buttons.md): Pick the corner style for every button in Facet: diagonal cut corners, fully rounded, soft rounded or square, and see where the style is applied.
- [Style product cards across your Facet store](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/product-cards.md): Set the picture shape, text alignment and optional border of every product card in Facet, on collection pages, search results and product sections.
- [Show color swatches for product variants in Facet](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/variants.md): Turn Facet's color options into swatches, choose which option names count as colors, map color names to shades and set the shape of option boxes.
- [Round the corners of fields and cards in Facet](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/corner-radius.md): Set how rounded Facet's form fields and cards are, from square to fully rounded, and see which parts of the store each corner radius setting changes.
- [Turn scroll reveal animations on or off in Facet](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/animations.md): Turn Facet's reveal on scroll motion on or off, and learn which headings, text, buttons, cards and pictures move as each section comes into view.
- [Set up color schemes in Facet](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/colors.md): Create and edit the color schemes Facet uses for backgrounds, text, buttons, borders and surfaces, then apply a scheme to any section or block.
- [Show store news in Facet's announcement bar](https://docs.shopify.lightsout.agency/themes/facet/header/announcement-bar.md): Add messages and side links to Facet's announcement bar, choose fade or ticker motion, set the timing, and show social icons above the header.
- [Configure the Facet header, menus and mega menu](https://docs.shopify.lightsout.agency/themes/facet/header/header.md): Set the Facet header's menus, mega menu layout and cards, logo, transparent and sticky behavior, search style, and country and language selector.
- [Build the Facet footer with menus, newsletter and logo](https://docs.shopify.lightsout.agency/themes/facet/footer/footer.md): Set up Facet's footer: the newsletter band, the column grid with brand, menu and text blocks, the large wordmark logo, and the bottom bar with payment icons.
- [Set up the Facet product page, gallery and buy blocks](https://docs.shopify.lightsout.agency/themes/facet/products/product-page.md): Configure Facet's product page: gallery layout, zoom, thumbnails, sticky add to cart, and every product block from price and variants to pickup and sharing.
- [Understand Facet's gift card page and recipient form](https://docs.shopify.lightsout.agency/themes/facet/products/gift-card.md): See what Facet's gift card page shows customers, from balance and code to QR code and Apple Wallet, and how shoppers send a gift card to someone else.
- [Set up Facet collection pages with filters and promo tiles](https://docs.shopify.lightsout.agency/themes/facet/collections/collection-page.md): Configure Facet's collection page: product grid columns, filters in a sidebar or drawer, sorting, view toggles, pagination and promotional tiles in the grid.
- [Show all collections with Facet's collections grid](https://docs.shopify.lightsout.agency/themes/facet/collections/collection-list-page.md): Set up Facet's collection list page: the Collections grid section, columns, collections per page, and how each collection card picks its picture and count.
- [Configure Facet's search results page and search drawer](https://docs.shopify.lightsout.agency/themes/facet/collections/search.md): Set up Facet's search results page: result type tabs, filters, sorting, columns and paging, plus how the predictive search drawer in the header works.
- [Customize the 404 page in Facet](https://docs.shopify.lightsout.agency/themes/facet/pages-templates/404.md): Edit Facet's 404 page: change the heading, text and button, show a search field, and set the alignment, colors and spacing of the Not found section.
- [Lay out blog posts with Facet's article template](https://docs.shopify.lightsout.agency/themes/facet/pages-templates/article.md): Arrange Facet's blog post page: order the title, author line, featured image, body, tags, share buttons, post links and comments, then add related posts.
- [Set up your blog page in Facet](https://docs.shopify.lightsout.agency/themes/facet/pages-templates/blog.md): Configure Facet's blog page: add an intro, feature your newest posts, let readers filter by tag, and set how many posts appear before page numbers.
- [Customize the cart page in Facet](https://docs.shopify.lightsout.agency/themes/facet/pages-templates/cart.md): Set up Facet's cart page: show or hide the discount code and order note fields, link the continue shopping button, and color the order summary box.
- [Create a contact page with Facet's contact template](https://docs.shopify.lightsout.agency/themes/facet/pages-templates/contact.md): Build a contact page in Facet: assign the contact template to a page in your Shopify admin, write the intro, and set up the contact form below it.
- [Create an FAQ page with Facet's FAQ template](https://docs.shopify.lightsout.agency/themes/facet/pages-templates/faq.md): Build an FAQ page in Facet: assign the faq template to a page in your Shopify admin, then write your questions and answers in the Theme Customizer.
- [Style standard pages and choose a page template in Facet](https://docs.shopify.lightsout.agency/themes/facet/pages-templates/page.md): Set up Facet's default page template for pages like shipping or returns, and see the about, lookbook and stores templates the theme ships with.
- [Set up the password page in Facet](https://docs.shopify.lightsout.agency/themes/facet/pages-templates/password.md): Learn what Facet's password page shows while your store is locked, where its logo and message come from, and how to turn password protection on or off.
- [Show product details in tabs with Additional features](https://docs.shopify.lightsout.agency/themes/facet/sections/additional-features.md): Add Facet's additional features section to present product details in a card with tabs, and fill each tab with its own heading and text blocks.
- [Compare two pictures with Facet's before and after slider](https://docs.shopify.lightsout.agency/themes/facet/sections/compare-slider.md): Add Facet's before and after section, pick the two pictures and their labels, and choose the slider's shape and where it sits beside your text.
- [Sell product bundles with Facet's Bundle and save section](https://docs.shopify.lightsout.agency/themes/facet/sections/bundle.md): Let shoppers build a bundle from products you pick, set how many make a bundle, and learn why the bundle discount must be created in Shopify Discounts.
- [Add a call to action with a moving picture gallery](https://docs.shopify.lightsout.agency/themes/facet/sections/call-to-action.md): Set up Facet's call to action section with a heading, text and buttons beside two columns of pictures that drift as shoppers scroll the page.
- [Set up Facet's cart drawer and free shipping bar](https://docs.shopify.lightsout.agency/themes/facet/sections/cart-drawer.md): Configure Facet's slide-out cart: the free shipping progress bar, order note, terms checkbox, checkout buttons, product recommendations and the empty cart.
- [Add expandable rows with Facet's collapsible content](https://docs.shopify.lightsout.agency/themes/facet/sections/collapsible-content.md): Use Facet's collapsible content section to stack rows that open and close, and set each row's heading, icon, starting state and text blocks.
- [List top collections with Facet's collection highlights](https://docs.shopify.lightsout.agency/themes/facet/sections/collection-highlights.md): Set up Facet's collection highlights section: a picture beside a numbered list of collections, each with its own heading, text and link.
- [Add a contact form to any page with Facet](https://docs.shopify.lightsout.agency/themes/facet/sections/contact-form.md): Set up Facet's contact form section: write its heading and text, and choose whether shoppers see phone number, order number and country fields.
- [Add your own code with Facet's Custom Liquid section](https://docs.shopify.lightsout.agency/themes/facet/sections/custom-liquid.md): Use Facet's Custom Liquid section to place Liquid, HTML or an app snippet on any page, and learn how to keep broken code from breaking the page.
- [Build your own layout with Facet's custom section](https://docs.shopify.lightsout.agency/themes/facet/sections/custom-section.md): Build a section from scratch in Facet by stacking any theme blocks, such as headings, text, buttons, images and groups, in the order you need.
- [Answer common questions with Facet's FAQs section](https://docs.shopify.lightsout.agency/themes/facet/sections/faq.md): Add Facet's FAQs section, write an intro heading and text, and add numbered questions that open to show their answers when shoppers click them.
- [Show products from a collection with Facet](https://docs.shopify.lightsout.agency/themes/facet/sections/featured-collection.md): Set up Facet's featured collection section: pick a collection, show its products in a grid or carousel, and add an optional collection card.
- [Sell one product anywhere with Facet's featured product](https://docs.shopify.lightsout.agency/themes/facet/sections/featured-product.md): Add Facet's featured product section to show a product's pictures, price, options and buy buttons on any page, with the picture on either side.
- [Highlight store benefits with Facet's features section](https://docs.shopify.lightsout.agency/themes/facet/sections/features.md): Use Facet's features section to show a row of benefits, each with an icon picture or SVG code, a heading and a short text, with optional dividers.
- [Build a hero banner slideshow in Facet](https://docs.shopify.lightsout.agency/themes/facet/sections/hero-banner.md): Add Facet's hero banner, choose text over image or side by side, set height and autoplay, and fill each slide with text, buttons and a product card.
- [Pair a picture with text using Facet's image with text](https://docs.shopify.lightsout.agency/themes/facet/sections/image-with-text.md): Set up Facet's image with text section: place the picture left, right or behind the text, choose its shape, and color the card and the band.
- [Show brand and press logos with Facet's logo list](https://docs.shopify.lightsout.agency/themes/facet/sections/logo-list.md): Add Facet's logo list section to show press or partner logos in a row or grid, with an optional heading and text beside them on large screens.
- [Add scrolling text with Facet's marquee text section](https://docs.shopify.lightsout.agency/themes/facet/sections/marquee.md): Set up Facet's marquee text section: write the line of text that scrolls across the page, and choose its size, its speed and its colors.
- [Build a tiled layout with Facet's mosaic section](https://docs.shopify.lightsout.agency/themes/facet/sections/mosaic.md): Use Facet's mosaic section to arrange tiles and slideshows on a six-column grid, with pictures or videos, text and buttons inside each tile.
- [Collect email sign-ups with Facet's newsletter banner](https://docs.shopify.lightsout.agency/themes/facet/sections/newsletter-banner.md): Add Facet's newsletter banner to collect email sign-ups, place a picture beside or behind the form, and write the heading and text around it.
- [Add a title banner to collection and page templates](https://docs.shopify.lightsout.agency/themes/facet/sections/page-banner.md): Set up Facet's page banner for collections, pages, blogs, articles and search: title, description, picture, height and transparent header.
- [Collect sign-ups with Facet's promotional pop-up](https://docs.shopify.lightsout.agency/themes/facet/sections/promo-popup.md): Set up Facet's promotional pop-up: its picture, delay and repeat interval, the heading, text and newsletter blocks, and how to preview it in the editor.
- [Run a sale with Facet's promotion banner and countdown](https://docs.shopify.lightsout.agency/themes/facet/sections/promotion-banner.md): Set up Facet's promotion banner with an optional picture, a heading, text, a button and a countdown timer that hides or shows a message when it ends.
- [Let shoppers buy from product cards with quick view](https://docs.shopify.lightsout.agency/themes/facet/sections/quick-view.md): Learn how Facet's quick view opens from product cards, what the quick buy panel inside it shows, and how to preview and style it in the Theme Customizer.
- [Show recently viewed products with Facet](https://docs.shopify.lightsout.agency/themes/facet/sections/recently-viewed.md): Add Facet's recently viewed section, learn how it remembers products in each shopper's browser, and set the heading, number of products and columns.
- [Show related blog posts under an article in Facet](https://docs.shopify.lightsout.agency/themes/facet/sections/related-posts.md): Add Facet's related posts section to the blog post template to list other articles from the same blog, and set the heading, post count and columns.
- [Suggest related products on Facet product pages](https://docs.shopify.lightsout.agency/themes/facet/sections/related-products.md): Add Facet's related products section to the product template, learn where its suggestions come from, and set the heading, product count and columns.
- [Tell your story with Facet's rich text section](https://docs.shopify.lightsout.agency/themes/facet/sections/rich-text.md): Add Facet's rich text section from its two presets, stack headings, text, images and buttons, and turn on text that reveals word by word on scroll.
- [Pair pictures and text with Facet's scrolling highlights](https://docs.shopify.lightsout.agency/themes/facet/sections/scrolling-highlights.md): Set up Facet's scrolling highlights: pictures that scroll past text held mid-screen on desktop, a swipeable row on phones, and a color scheme per highlight.
- [Show a social media image feed with Facet's socials section](https://docs.shopify.lightsout.agency/themes/facet/sections/socials.md): Build Facet's socials section: a slider of linked social images, a card with your account handle, and settings for layout, image shape and autoplay.
- [Add space between sections with Facet's spacer](https://docs.shopify.lightsout.agency/themes/facet/sections/spacer.md): Use Facet's spacer section to add an empty band of a set height between sections, colored by a color scheme, with half the height shown on phones.
- [Feature products over a picture with Facet's spotlight](https://docs.shopify.lightsout.agency/themes/facet/sections/spotlight.md): Set up Facet's spotlight: a picture or looping video with text placed over it and product cards stacked or piled as a deck you click through.
- [Mix large words and pictures with Facet's statement](https://docs.shopify.lightsout.agency/themes/facet/sections/statement.md): Build Facet's statement section: one large, centered uppercase line where text blocks and small inline pictures alternate, in three sizes.
- [List your physical stores with Facet's store locator](https://docs.shopify.lightsout.agency/themes/facet/sections/store-locator.md): Add your shops to Facet's store locator with addresses, opening hours and directions links, show a map picture, and feature your first store.
- [Tell brand stories in a slider with Facet's stories section](https://docs.shopify.lightsout.agency/themes/facet/sections/stories.md): Build Facet's stories slider: full-width pictures with a text card on each slide, numbered slide buttons, a crossfade and optional autoplay.
- [Group collections into tabs with Facet's tabbed collections](https://docs.shopify.lightsout.agency/themes/facet/sections/tabbed-collections.md): Build Facet's tabbed collections: tabs of collection cards picked with the collection picker, an optional lead picture or video, counts and descriptions.
- [Show customer reviews with Facet's testimonials section](https://docs.shopify.lightsout.agency/themes/facet/sections/testimonials.md): Add Facet's testimonials slider: a quote, star rating, author and square picture on each slide, with arrows, dots and optional autoplay.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.