Tailorly — Theme documentation

1. Setup in 10 minutes

Install. Online Store → Themes → Add theme → Upload zip (or install from the Theme Store). Click Publish when you're ready; until then use Customize to preview.

Menus. Content → Menus. Create Main menu (header) and Footer menu. Nest items under a parent to get a mega menu (see §4).

Pages. Content → Pages → Add page. For Contact choose template page.contact; for FAQ choose page.faq. Add them to your menus.

Filters. Install the free Shopify Search & Discovery app and switch on the filters you want (size, colour, price…). Tailorly reads them automatically.

Colours & fonts. Customize → Theme settings → Colours. Pick a scheme per section with the "Colour scheme" setting at the top of every section.

Homepage. Customize → Home page. Click each section to pick collections, products and images. Sections auto-fill from your catalogue until you do.

Policies. Settings → Policies. Tailorly links them in the footer and renders them with the policy template.

2. Theme settings

Customize → Theme settings (gear icon). Everything here is global.

Group	Setting	What it does
Colours	Colour schemes	Five presets (Ivory, Noir, Sage, Blush, Ocean). Edit any token or add your own. Each section picks a scheme.
Typography	Heading / body font, scales	Any Shopify font. Defaults: Fraunces + Inter.
Layout & shape	Page width, corner radius, button shape, section spacing	Radius 0 = sharp editorial, 24 = soft. Buttons: pill / match radius / sharp.
Product cards	Hover (lift / zoom / swap image), quick add, swatches, wishlist, badges, ratio	Badges: `new` tag → New; compare-at price → Sale; low inventory → Low stock.
Cart	Drawer / page, free-shipping bar + threshold, note, upsell product, payment badges	Threshold in whole currency units, e.g. 4999.
Search	Popular searches	Chips shown in the search drawer before typing.
Social	Instagram, WhatsApp, Pinterest, YouTube	WhatsApp number with country code, digits only.

3. Colour schemes

Each scheme is 11 tokens. Sections choose a scheme; nothing is hard-coded, so a Noir hero over an Ivory page just works.

Scheme	Mood	Accent
Ivory	Warm editorial — default	Rust
Noir	Luxury, night	Gold
Sage	Natural, slow fashion	Forest
Blush	Feminine, beauty	Raspberry
Ocean	Crisp, sport, menswear	Cobalt

Tokens: background, surface (cards), tint, tint 2 (deep), lines, text, muted text, accent, text on accent, accent 2 (blocks), text on accent 2. Keep body text ≥ 4.5:1 contrast against background.

4. Menus & mega menu

The header reads Main menu. Any top-level item that has children opens a mega menu: each child becomes a column heading, grandchildren become the links. Three levels are supported.

Main menu
├─ New in
├─ Women            ← has children → mega menu
│  ├─ Outerwear     ← column
│  │  ├─ Coats
│  │  └─ Jackets
│  ├─ Knitwear
│  └─ Tailoring
├─ Men
└─ Editorial

Promo images in the mega menu: Customize → Header → Add block → Mega menu promo. Set "Attach to menu item" to the exact title (e.g. Women) and add up to two images with links.

Highlight one item (e.g. "New in") in the accent colour: Header → "Highlight this menu item".

On mobile the same menu becomes a multi-level accordion in the side drawer.

5. Homepage sections

Section	Use it for	Key settings
Hero — split	Main campaign image + side promo card	Image, heading (supports italics), 2 buttons, side card text + second image
Marquee strip	USP ticker	Up to ~8 text items
Category tiles	Bento grid of collections	Per tile: collection, width (of 12), height, fallback colour
Featured collection	Product row	Collection, count, columns. Auto-fills from "All products" if empty
Story + stats	Brand story with 3 big numbers	Text, image, stat blocks
Shop the look	One image + 3 products, add all	Products, optional hotspot X/Y per product
Lookbook hotspots	Clickable dots on an editorial image	Image, hotspot blocks (product + X/Y)
Bundle	2–4 products, bundle price, one-click add	Displayed % off — create a matching automatic discount in Admin
Countdown	Drop / sale timer	End date + time (visitor's local time), hide on end
Before / after	Drag-to-compare images	Two images, labels, ratio
Reviews (manual)	Quote cards	Up to 6 review blocks. For app reviews use an app block instead
Instagram grid	6–12 images linking out	Image + link per block
Newsletter	Email capture	Heading, text; subscribers get the `newsletter` tag
Product recommendations	"You may also like" (Shopify engine)	Count. Tune in Search & Discovery
Custom Liquid	App snippets, embeds	Full width toggle, padding
Apps	App blocks container	—

Every section has Colour scheme at the top. Reorder by dragging in the sidebar.

6. Product page

The product page is made of blocks you can reorder or remove: Title & price · Short description · Variant picker · Buy buttons · Trust icons · Pincode check · Collapsible rows · Complementary products · Custom Liquid · Description · Share.

Variants

Options named Colour or Color render as swatches; Size gets a size-guide link (pick the page in the Variant picker block). Unavailable combinations are struck through. Variant images switch the gallery.

Subscriptions

Install any selling-plan app (e.g. Shopify Subscriptions). Plans appear automatically above Add to bag with the discount shown.

Pickup

Enable local pickup under Settings → Shipping. Availability shows per variant below the buttons.

Shop Pay Installments

Enable in Settings → Payments. The banner appears under the buttons.

Gift cards

Gift card products show a "Send as a gift" form (recipient email, message, send date).

Low stock

"Only N left" appears when inventory ≤ the threshold in Theme settings → Product cards.

Complementary products

Set them in Search & Discovery → Product recommendations → Complementary. Shown as a compact list in the buy box.

7. Collections & filters

Filters come from Shopify Search & Discovery (free). Sorting, 2–5 column grid, a promo tile inside the grid, and an SEO text block (set per collection via metafield custom.seo_text or globally in the section) are built in.

Sub-collection chips: create a menu whose handle matches the collection handle (e.g. menu handle outerwear for /collections/outerwear) and it appears as chips above the grid. Or pick a menu in the section settings.

8. Cart

Drawer (default) or page — Theme settings → Cart. Both support quantity changes, removal, discounts, order notes, a free-shipping progress bar, an upsell product and payment badges. Express checkout buttons show on the cart page.

10. Recommended apps

Search & Discovery

Free, by Shopify. Filters, recommendations, complementary products.

Shopify Subscriptions

Free. Selling plans render natively in Tailorly.

Judge.me / Loox

Reviews. Add their app block to the product page; the manual Reviews section is for quotes.

Wishlist Plus / Swym

Wishlist. Paste the wishlist page URL in Header settings.

Shopify Inbox

Chat. Or use the WhatsApp number in Social settings.

Translate & Adapt

Free. Language selector appears automatically when you add a language.

FAQ

Products aren't showing on the homepage

Click the section and pick a collection. If no collection is chosen Tailorly uses "All products" — make sure at least one product is Active and available on the Online Store sales channel.

The filter button shows nothing

Install Shopify Search & Discovery and turn on at least one filter. Filters appear within a minute.

How do I change the logo?

Customize → Header → Logo. Leave empty to use your store name as a wordmark.

Can I use my own fonts?

Choose any font from Shopify's library in Theme settings → Typography. Custom font files aren't supported by Theme Store themes; a developer can add them via Custom Liquid.

Why is the mega menu not opening?

Only menu items that have child items open a mega menu. Add children under the item in Content → Menus.

How do I show reviews from my app?

Product page → Add block → pick your app's block. Use the manual "Reviews" section only for hand-written quotes.

Checkout looks different from the theme

Checkout is hosted by Shopify. Match colours and fonts under Settings → Checkout.

How do I get updates?

Theme Store purchases get updates in Online Store → Themes (an "Update" button appears). Your settings and content are kept.

Support

We answer within 2 business days (usually same day, Mon–Sat 10am–7pm IST). Include your store URL and, if relevant, the page where you see the issue.

Email: info@trinityinfo.in
WhatsApp: +91 81281 20160

Or email info@trinityinfo.in, message us on WhatsApp, or open a public ticket on GitHub.

Changelog

0.2.0 — Mega menu, predictive search, product recommendations, unit pricing, subscriptions, Shop Pay Installments, pickup availability, gift card recipient form, Custom Liquid, country/language selectors, Follow on Shop, Countdown, Bundle, Before/after, Lookbook hotspots.

0.1.0 — Initial release.

Everything you need to set up Tailorly.