The Rich Text section in Sneax is a dedicated typographic storytelling canvas engineered to broadcast your store’s brand manifesto, seasonal sneaker drop themes, or authenticity guarantees. Unlike complex multi-column sections, the Rich Text section delivers a streamlined, all-in-one editorial block that maximizes customer focus.
At the crown of the section sits a massive, stylized italicized gradient logo wordmark, creating an immediate luxury streetwear aesthetic. Beneath this brand watermark, the section delivers your primary headline, rich manifesto description, and an action button—all choreographed with staggered scroll-fade animations that smoothly slide into view as the customer scrolls down the page.
Accessing the Rich Text Section Settings #
- From your Shopify Admin, navigate to Online Store > Themes.
- Click Customize next to your active Sneax theme.
- In the top dropdown template selector, select Home page (or an “About Us”, “Brand Story”, or custom landing page).
- In the left-hand sidebar, click (+) Add section and select Rich text.
- Click directly on Rich text in the sidebar to open the settings panel.
1. Container Layout & Text Alignment Controls #
Configure container boundaries, background color schemes, and global text orientation:
| Setting | Type | Default | Options / Range | Description |
|---|---|---|---|---|
| Color scheme | Color Scheme | scheme-1 | Theme Schemes | Controls the master background fill and text contrast colors for the section. |
| Section width | Select | page-width | page-width, full-width | Choose between a bounded reading container (page-width) or an edge-to-edge canvas (full-width). page-width is recommended for optimal reading comfort. |
| Text alignment | Select | center | left, center, right | Controls the horizontal alignment of the logo, heading, description, and action button (Center alignment delivers the strongest editorial impact). |
2. Typographic Branding & Manifesto Settings #
Craft your brand messaging with dedicated controls for the gradient logo and multi-tier copy:
| Setting | Type | Default | Options / Range | Description |
|---|---|---|---|---|
| Logo text | Text Area | Sneax | Multi-line text | Prominent 15vw italicized brand wordmark featuring an ultra-bold gradient fill (e.g., “SNEAX”, “KICKS”, “HEAT”). Supports multi-line input via return/enter. |
| Heading | Text Area | Designed to perform. Built to last | Multi-line text | Primary campaign or brand slogan displayed beneath the gradient logo (e.g., “AUTHENTICATED SNEAKER CULTURE”). |
| Heading size | Select | h4 | h1 to h6 | Sets the visual typography scale and font hierarchy of the section heading. |
| Description | Text Area | Include a concise description... | Multi-line text | Paragraph explaining brand values, deadstock sneaker guarantees, designer collaborations, or craftsmanship details. |
| Text size | Select | h5 | h1 to h6 | Sets the font size of the descriptive manifesto text. |
3. Call-to-Action Button Configuration #
Direct shoppers directly from your brand narrative into your catalog:
| Setting | Type | Default | Options / Range | Description |
|---|---|---|---|---|
| Button label | Text | Button label | Text string | Actionable button copy (e.g., “Explore The Collection”, “Read Our Verification Guide”). If left blank, the button is hidden. |
| Button link | URL | Blank | Page / Collection URL | Destination web link for the button. |
| Button style | Select | button-secondary | button-primary, button-secondary, button-link | Visual button styling (solid primary, outlined secondary, or minimalist text link). |
| Button icon | Select | arrow | cart, quickview, location, phone, arrow, email, account, search, heart | Displays a clean vector icon alongside your button text. |
4. Section Spacing & Mobile Optimization #
Fine-tune vertical breathing room across desktop and handheld devices:
| Setting | Type | Default | Options / Range | Description |
|---|---|---|---|---|
| Top padding | Range | 100px | 0px to 200px (step: 5px) | Vertical padding above the section on desktop monitors. |
| Bottom padding | Range | 100px | 0px to 100px (step: 1px) | Vertical padding below the section on desktop monitors. |
Responsive Behavior: On screens narrower than 767px, top and bottom padding are automatically reduced by 50% to maintain balanced spacing. The massive 15vw logo wordmark dynamically scales down with the viewport width, ensuring it never overflows on mobile devices.
Sneaker Store Best Practices #
- State Your Authenticity Guarantee Plainly: Sneakerheads demand 100% deadstock authenticity before purchasing. Use this section on your homepage or product pages with the heading “EVERY PAIR 100% VERIFIED” and describe your multi-point legit check protocol in the description.
- Highlight Streetwear Collaboration Themes: When launching a capsule drop (e.g., Sneax x Tokyo Underground), enter the collab codename into the Logo text field to create a bold, metallic gradient statement piece that introduces the collection.
- Use Center Alignment for Clean Editorial Contrast: Keep Text alignment set to
centerand Section width topage-width. Restricting line length makes editorial text significantly easier to read and mirrors high-end streetwear lookbook publications.