Blocks

Documentation

Block basics

Add content blocks to sections in your Align Shopify theme using the Shopify theme editor.

Theme references

Blocks

Thoughtful and refined building blocks to use within sections. Pick a block below for settings and usage notes.

Blocks

Accordion

Organize FAQs and extra details in expandable panels with optional media and buttons.

Blocks

Account icon

Help customers reach their account quickly with a flexible header account icon.

Blocks

Banner

Create promotional banners with layered media, text, buttons, and device-specific display control.

Blocks

Benefits

Show up to three key benefits with icons and short supporting text.

Blocks

Blog post

Feature one article in a flexible post card with custom styling and visibility control.

Blocks

Breadcrumb

Add a manual parent link for clearer breadcrumb navigation.

Blocks

Breadcrumbs

Help customers move back through page hierarchy with a customizable breadcrumb trail.

Blocks

Button

Create a flexible call-to-action button with customizable style, icon, link, and mobile display options.

Blocks

Buy buttons

Customize the product buy area with checkout options, purchase details, and sticky buy behavior.

Blocks

Cart

Add a cart icon to your navigation and tailor its placement and visibility for each device.

Blocks

Collection banner

Add a promotional banner to the collection grid with flexible media, messaging, and color controls.

Blocks

Complementary products

Promote related add-on products with flexible layouts and cross-sell-friendly card styling.

Blocks

Contact form

Create a branded contact form with flexible heading, button, background, and mobile display controls.

Blocks

Contact information

Show phone, email, address, hours, and social links in a clear, flexible contact block.

Blocks

Copyright

Show footer copyright text with flexible alignment and device-specific layout control.

Blocks

Custom asset

Add a custom script or stylesheet to a specific template for targeted code or external integrations.

Blocks

Custom CSS

Use custom CSS for precise styling tweaks when standard settings are not enough.

Blocks

Custom JavaScript

Place custom JavaScript in a block for targeted embeds, widgets, and third-party integrations.

Blocks

Custom liquid

Add custom Liquid, app snippets, or dynamic content exactly where you want it.

Blocks

Description

Display the main product description with flexible styling and optional expandable text.

Blocks

Feature

Highlight a benefit or trust point with an icon, short text, and an optional link.

Blocks

Filter group

Add an expandable tag filter group to make collection filtering clearer and easier to use.

Blocks

Follow on shop button

Help customers follow your store in the Shop app with a simple button for updates and recommendations.

Blocks

Footer menu

Display a tidy footer navigation menu with flexible heading, alignment, and layout control.

Blocks

Hamburger menu

Shows a mobile menu button and helps keep your header navigation easy to find on smaller screens.

Blocks

Heading

Organize page content with a clear heading, supporting text, and an optional button.

Blocks

Icon with text

Highlight a feature, perk, or trust signal with an icon, short text, and optional link.

Blocks

Image

Add a standalone image with flexible sizing, crop, caption, overlay, and mobile layout controls.

Blocks

Localization selectors

Add flexible country, currency, and language selectors that fit cleanly into desktop and mobile layouts.

Blocks

Logo

Add flexible header branding with separate logo sizing, placement, and visibility controls.

Blocks

Logo item

Show a linked logo or brand image with optional text and flexible sizing.

Blocks

Main menu

Show a navigation menu with dropdowns, plus optional banner and layout controls.

Blocks

Mega menu

Build a large dropdown menu with organized links and optional promotional banner content.

Blocks

Payment icons

Show accepted payment icons with flexible layout and visibility control across desktop and mobile.

Blocks

Price

Control product price styling, policy text, and visibility across devices.

Blocks

Product

Highlight a product with flexible card styling, color, and visibility controls.

Blocks

Quantity selector

Add quantity controls with optional stock messaging to support faster buying decisions.

Blocks

Rich text

Create a flexible text block with an optional icon and button for clear, styled messaging.

Blocks

Row

Add a collapsible accordion row with flexible content, optional media, and clear call-to-action links.

Blocks

Search

Create a branded search experience with live results, curated suggestions, and optional banner content.

Blocks

Separator

Create responsive spacing between blocks, with an optional divider line for clearer content breaks.

Blocks

Share/print UI

Add share and print buttons that fit your layout on desktop and mobile.

Blocks

Slide

Create a slideshow slide with text, optional icons, and image or video media.

Blocks

Social media icons

Show your configured social profiles with flexible styles, selective network display, and simple visibility controls.

Blocks

Testimonial

Show a customer quote with optional product and media to build trust and support product-focused storytelling.

Blocks

Title

Display the product title with flexible styling and optional share or print buttons.

Blocks

Variant selector

Display product variants with dropdowns, pills, and optional color or image swatches.

Blocks

Video

Show hosted, YouTube, or Vimeo video with responsive layout and playback controls.

Release notes

v1.3

Major release overhauling mini‑cart and cart for performance and app compatibility, adding numerous templates and extensive theme, section, and block settings, 50%+ JS reduction, centered‑header option, and expanded localization (Chinese, Dutch, Japanese, Portuguese/Brazilian).

Release notes

v1.5

Major release with new theme, section, and block controls, improved predictive search and gallery options, additional templates, and expanded localization to 20 languages.

Release notes

v1.6

Major release adding color and image swatch variants, new Buttons section, many new theme and block settings, extensive navigation, collection, and product UX improvements, and expanded localization to 25 languages.