Block catalogue

Every block you can add to a section, what it displays on the storefront, and its main settings.

বাংলায়: ডিজাইনারে প্রতিটি ব্লক যোগ করে আপনি স্টোরফ্রন্টে টেক্সট, ছবি, বোতাম, পণ্য তথ্য, ফর্ম এবং নেভিগেশন দেখাতে পারেন। প্রতিটি ব্লকের নিজস্ব সেটিংস আছে, যেমন বোতামের রঙ বা ইমেজের অনুপাত। ব্লক যোগ করার জন্য সেকশন খুলুন এবং + Add block ক্লিক করুন।

Where to find it: Designer › select a section › + Add block

Text block

Renders a rich-text paragraph with support for bold, italic, links and lists. Use it for body copy, descriptions and captions.

Main settings:

• Text — the paragraph content
• Colour — text tone (Text, Muted, or Accent)
• Line length — Full, Reading (for long copy), or Narrow (for centred intros)

Image block

Displays a single image, optionally with a link and caption. The shopper sees a responsive image that scales to fit the container; you control the crop and aspect ratio.

Main settings:

• Image — choose from the media library or paste a URL
• Alt text — screen reader text; leave empty only if purely decorative
• Caption — text shown below the image
• Link — optional destination (collection, product, page, or external URL)
• Aspect ratio — Original, Square, Portrait (3:4), Landscape (4:3), or Wide (16:9)
• Fit — Crop (fill and cut off overflow) or Fit (shrink and letterbox)

Button block

A clickable call to action that links to a collection, product, page, policy, home, search, or external URL.

Main settings:

• Label — the text shown on the button
• Link — the destination (choose the kind and reference)
• Style — Solid (filled), Outline (bordered), Ghost (minimal), or Underline (text link)
• Size — Small, Medium, or Large
• Full width — toggle to fill the container width
• Open in a new tab — toggle to open the link in a new window

Group block

A container that holds other blocks and arranges them in a row or column. Use groups to build cards, feature columns, or rows of buttons. Groups can nest one level deep — a third level must be leaf blocks (text, image, button, etc.).

Main settings:

• Direction — Column (stack vertically) or Row (lay side by side)
• Wrap onto new lines — rows only; when off, children shrink and can become cramped
• Cross-axis alignment — Start, Center, End, or Stretch (so cards in a row have equal height)

Heading block

Displays a heading in one of six levels (H1 to H6). The level you choose affects screen reader navigation and SEO.

Icon block

Shows a single icon from the 57-glyph library (Bolt, Heart, Star, Lock, Check, Circle, Pin, Bell, Clock, Shield, Eye, Truck, Sparkles, Bookmark, Gift, and many more). Use it in groups with text for icon-and-text rows.

Main settings:

• Icon — choose from the glyph library or paste an emoji/image URL
• Size — Small, Medium, Large, or Extra large

Logo block

Displays the store's logo (set in Theme settings). Use it in the header, footer, or as a standalone mark on a page.

Spacer block

An invisible block that adds vertical spacing between other blocks. Use it to adjust breathing room without adding content.

Main settings:

• Height — how much space to add

Video block

Embeds a video from a URL (YouTube, Vimeo, or other video-hosting service).

Main settings:

• Video URL — the embed URL
• Aspect ratio — Original, Square, Portrait, Landscape, or Wide
• Fit — Crop or Fit (as in Image)

Badge block

A colored tag or pill with text. Use it to highlight offers, statuses or labels.

Main settings:

• Text — what the badge says
• Appearance — Pill (rounded), Box (square), or Chip (smaller variant)

Divider block

A horizontal line that separates sections of content.

Main settings:

• Line style — Solid, Dashed, or Dotted
• Thickness — how thick the line is

Jumbo text block

Large display text for headlines or emphatic statements. Inherits font and scale from theme typography.

Main settings:

• Text — the large-scale copy
• Colour — Text, Muted, or Accent

Accordion block

A collapsible container that hides or shows content on click. The shopper sees a label (always visible) and a toggle icon.

Main settings:

• Collapse label — the text shown when the accordion is closed
• Expand label — the text shown when open (optional; defaults to collapse label)
• Open by default — toggle whether the content is visible when the page loads

Menu block

Renders a named menu (set in Theme settings › Menus). The same menu can appear in the header, footer and elsewhere, and it stays correct when you rename a collection or page.

Main settings:

• Menu — choose by handle (e.g. "main-menu")
• Heading — optional title above the menu
• Direction — Vertical (stacked) or Horizontal (side by side)
• Sub-menu items — Hide, Nested, or Flatten (controls how second-level links appear)
• Show product counts — toggle to display the number of products in a collection next to its link
• Collapse on phones — toggle to collapse the menu into an accordion on narrow screens
• Divider lines — toggle to show lines between menu items on mobile

Newsletter form block

An email signup form. Shoppers enter their email and you can tag subscribers (the tag name is a setting).

Main settings:

• Placeholder — the hint text inside the email field
• Button label — the text on the submit button
• Subscriber tag — a label or tag to mark subscribers (optional)

Social media links block

A row of icon links to social media accounts. The icons are from the glyph library (Instagram, Facebook, TikTok, Pinterest, YouTube, Twitter, LinkedIn, Threads). Links are read from a named menu (set in Theme settings › Menus).

Main settings:

• Menu — choose the menu handle (e.g. "social")
• Icon style — Text (plain link), Circle, Square, or Outline

Payment methods block

Displays the payment methods your store accepts (Cash on delivery, bKash, Nagad, Rocket, Upay, Visa, Mastercard, Amex, Bank transfer). Drawn from a tick list rather than uploaded logos, so the row is one consistent size and colour.

Main settings:

• Methods — choose which payment methods to show
• Lead-in — optional line before the row (e.g. "We accept")
• Style — Chip (filled surface), Outline (hairline box), or Plain (glyph and name with no box)
• Show the names — toggle to show the payment method labels alongside icons
• Size — Small, Medium, or Large
• Alignment — Start, Center, or End

Contact form block

A form for shoppers to send a message. Fields include name, email, phone, and message (all optional; you control which are shown and which are required).

Main settings:

• Fields — toggle name, email, phone, and message fields on or off
• Required fields — mark which fields the shopper must fill
• Button label — the text on the submit button
• Success message — what to show after the form is sent

Email signup block

Same as Newsletter form (a shorter form focused on email collection).

Custom HTML block

Renders raw HTML and CSS code. Use it for embeds, custom layouts, or anything the standard blocks cannot do.

Main settings:

• HTML — paste the code
• Aspect ratio — how tall the embed is (Original, Square, Portrait, Landscape, or Wide)

Product title block

Shows the product name. Only appears on the product page template.

Product price block

Shows the product's price or price range. Displays the selected variant's price when a shopper chooses a variant.

Main settings:

• Show compare-at price — toggle to show the crossed-out original price

Product variant picker block

Displays options (size, colour, etc.) as swatches, dropdowns, or buttons. The shopper picks a variant; the price and buy buttons update to match.

Product quantity block

A number input (or +/− buttons) where the shopper chooses how many to buy.

Product description block

Shows the product's description text.

Product inventory status block

Shows whether the product is in stock, low stock, or sold out. The text is editable (e.g. "In stock", "Only 2 left", "Sold out").

Main settings:

• In stock label — default is "In stock"
• Low stock label — default is "Only <n> left"
• Low stock threshold — how many units count as "low"
• Sold out label — default is "Sold out"

Product share block

A "Share this product" row with buttons for copying the link, email, and social media (WhatsApp, Facebook, Pinterest).

Review summary block

Shows the product's star rating and review count (if reviews are enabled for your store).

Main settings:

• Show review count — toggle to display the number of reviews
• Show the rating — toggle to hide the star rating (e.g. if you have no reviews yet)

Collapsible row block

A single row in an accordion section. Each row has a label and content.

Highlight block

A line in a perks/benefits section. Use it to list features or assurances.

Feature block

A column in a numbered feature strip or grid. Each block holds an icon, heading and text.

Slide block

A single slide in a slideshow section. Holds an image and overlay text.

Hotspot block

A clickable marker on an image (in a lookbook section). The shopper clicks the spot and sees a product detail.

Other ways people ask this

• block types designer
• কি কি ব্লক যোগ করতে পারি
• text image button group কাকে বলে
• product blocks কোথায় পাই
• add block dropdown
• section এ কোন blocks সুযোগ আছে
• footer blocks কি কি
• menu তৈরি করব কিভাবে
• form add করতে পারি কি
• payment icons footer এ
• product page blocks কোথায়
• heading text image button blocks পার্থক্য

Related pages

• Add, arrange and edit sections and blocks — how to insert, move, duplicate and delete blocks in a section

Checked against the product on 2026-10-03.