---
title: Overview
url: https://support.troopthemes.com/guide/blockshop/
theme: Blockshop
theme_styles: Radiance, Stone, Valla
---

# Get the most from Blockshop

This guide is for merchants using **[Blockshop](https://themes.shopify.com/themes/blockshop/presets/blockshop)**, including [Radiance](https://themes.shopify.com/themes/blockshop/presets/radiance), [Stone](https://themes.shopify.com/themes/blockshop/presets/stone), and [Valla](https://themes.shopify.com/themes/blockshop/presets/valla). Blockshop is for high-end or luxury stores with spacious layouts, restrained typography, and rich media.

Radiance, Stone, and Valla are styles of Blockshop, not separate themes. If your store uses Radiance, Stone, or Valla, use this Blockshop guide.

![Blockshop homepage](https://support.troopthemes.com/_images/blockshop/homepage.jpg)

> **Theme, Shopify, or an app?**
>
> **Theme**: storefront look. Theme settings, sections, and [default theme text](https://support.troopthemes.com/guide/blockshop/change-default-text/).
>
> **Shopify admin**: catalog and content. [Products](https://help.shopify.com/en/manual/products), [Collections](https://help.shopify.com/en/manual/products/collections), [Pages](https://help.shopify.com/en/manual/online-store/themes/theme-structure/pages), and **Content** → [Menus](https://support.troopthemes.com/guide/blockshop/creating-navigation/) (the theme only displays the menu you assign) and [Blog posts](https://support.troopthemes.com/guide/blockshop/customizing-blog/).
>
> **Outside the theme**: [checkout and payments](https://support.troopthemes.com/guide/troubleshooting/#checkout-payments-shipping-and-inventory) (**Settings**), [collection filters](https://support.troopthemes.com/guide/troubleshooting/#search-filters-and-discovery) (**Search & Discovery**), and [email, reviews, or subscription apps](https://support.troopthemes.com/guide/troubleshooting/#email-reviews-subscriptions-and-other-apps).


## Theme settings to know (Blockshop)

Open **Edit theme** → **Theme settings**. These groups in the left sidebar apply storewide.

![Blockshop Theme settings](https://support.troopthemes.com/_images/blockshop/spacing--settings.jpg)

### Colors (Blockshop)
Storewide palette: three accents, page and text colors, light and dark backgrounds, border opacity, and drop shadows. On each section, **Background color** and **Text color** pick from this list. See [Colors](https://support.troopthemes.com/guide/blockshop/colors/).

### Typography (Blockshop)
Heading, navigation, and body fonts; the type size ladder; link style and button label size. See [Typography](https://support.troopthemes.com/guide/blockshop/typography/).

### Layout (Blockshop)
**Theme settings** → **Layout** sets the Small through Extra large sizes, once under **Desktop spacing** and once for mobile. On each section, **Spacing above** and **Spacing below** dropdowns pick None, Small, Medium, Large, or Extra large. See [Spacing and layout](https://support.troopthemes.com/guide/blockshop/spacing-and-layout/).

Reuse the same **Spacing above** / **Spacing below** dropdown on adjacent sections: Medium throughout the shop, or Large on a hero and Medium on what follows. Use **None** when two sections should sit flush. Add a **Divider** when you need a gap with no content. Keep mobile spacing smaller than desktop, and preview both after you change the scale in Layout.


Extra large spacing suits heroes and brand-story blocks; collection grids and dense catalogs usually sit on Medium or Large. A Stone-style homepage can rely on Extra large as rhythm, not on every section.

### Buttons & Inputs (Blockshop)
**Theme settings** → **Buttons & Inputs** defines button styles 1 through 4, input colors, and corner radii storewide. On each section, the **Button** block picks style 1–4. **Link style** is in **Typography** → **Buttons**. See [Buttons, inputs, and links](https://support.troopthemes.com/guide/blockshop/buttons-inputs-and-links/).

### Images (Blockshop)
Aspect ratios and corner radius for product, collection, and article images. See [Images](https://support.troopthemes.com/guide/blockshop/images/).

### Social media (Blockshop)
One place for every platform's icon and link, used by the footer, announcement bar, and other sections. See [Social media](https://support.troopthemes.com/guide/blockshop/social-media/).

### Animations (Blockshop)
Four storewide switches to turn off text, image, button hover, or other motion. See [Animations](https://support.troopthemes.com/guide/blockshop/animations/).

### Product grid (Blockshop)
Card labels, hover image, and heading/price type. **Text alignment** for product cards is set here, not on the collection section. See [Product grid](https://support.troopthemes.com/guide/blockshop/product-grid/).

### Cart (Blockshop)
**Cart type** (Page or Drawer), the checkout button style, order notes, and the free shipping progress message. See [Cart](https://support.troopthemes.com/guide/blockshop/cart/).

## On each section (Blockshop)

Open a section in **Edit theme**, not **Theme settings**:

![Blockshop section settings](https://support.troopthemes.com/_images/blockshop/alignment--section-settings.jpg)

Pick a default **Text alignment** per template and keep supporting sections on it: **left** for catalogs and long copy, **center** for heroes and short announcements, then back to your default. The section's **Mobile** → **Text alignment** setting is separate.

**Maximum container width** is on each section: contained for text-heavy blocks, **Full width** for slideshows and large photography. A useful rhythm is full-width hero → contained story → full-width collection.


See [Alignment and width](https://support.troopthemes.com/guide/blockshop/alignment-and-width/) for more details.

## Sections and templates (Blockshop)

**Edit theme** → **Add section**, plus menus and page layouts:

- [Section list](https://support.troopthemes.com/guide/blockshop/section-list/)
- [Image sections](https://support.troopthemes.com/guide/blockshop/image-sections/)
- [Collection page promotions](https://support.troopthemes.com/guide/blockshop/collection-page-promotions/)
- [Navigation](https://support.troopthemes.com/guide/blockshop/creating-navigation/)
- [Templates](https://support.troopthemes.com/guide/blockshop/working-with-templates/)

## Products (Blockshop)

Product data lives in Shopify admin. These guides cover how the theme displays it:

- [Product grid](https://support.troopthemes.com/guide/blockshop/product-grid/)
- [Quick add](https://support.troopthemes.com/guide/blockshop/quick-add/)
- [Swatches](https://support.troopthemes.com/guide/blockshop/color-swatch-guide/)
- [Filters](https://support.troopthemes.com/guide/blockshop/setting-up-product-filters/) (Search & Discovery app)
- [Search](https://support.troopthemes.com/guide/blockshop/search/)

## Content and store (Blockshop)

- [FAQ](https://support.troopthemes.com/guide/blockshop/setting-up-faq-or-collapsible-rows/)
- [Blog](https://support.troopthemes.com/guide/blockshop/customizing-blog/)
- [Marketing popup](https://support.troopthemes.com/guide/blockshop/configuring-the-popup/)
- [Newsletters](https://support.troopthemes.com/guide/blockshop/newsletters/)
- [Currencies & languages](https://support.troopthemes.com/guide/blockshop/configure-country-currency-selectors/)
- [Custom CSS](https://support.troopthemes.com/guide/blockshop/adding-css-editing-template-code/)
- [Advanced settings](https://support.troopthemes.com/guide/blockshop/advanced-settings/)

If something used to work and no longer does, start with [Troubleshooting](https://support.troopthemes.com/guide/troubleshooting/). For what changed recently, see the [Blockshop release notes](https://support.troopthemes.com/release_notes/blockshop/).

> **Want a different listing’s look?**
>
> A purchase of Blockshop includes all four styles. If you installed from one listing and want another (for example Stone instead of Blockshop), see [What are theme styles?](https://support.troopthemes.com/faqs/theme-styles/). Switching is optional. You do not need to switch styles to continue. For the exact settings that differ between listings, see the [Demo store reference](https://support.troopthemes.com/guide/blockshop/demo-store-reference/).