Website management guide
Everything the team needs to manage the EB Interiors website. Bookmark this page. Use the search to find specific instructions, or jump straight to a section from the sidebar.
Top tasks — your most common edits
If you only read one section, read this. These are the tasks you'll come back to most. Step-by-step, no jargon.
Change the homepage hero slideshow images
Themes → Customize → Home → Slideshow
- Admin sidebar → Online Store → Themes → click Customize on the live theme.
- Top of the editor: page selector → Home page.
- Left sidebar: click Slideshow (top of the section list).
- Click the slide you want to change → the right panel shows the image picker.
- Click the image thumbnail → Select image → upload a new file. Spec: 2400px wide, ~16:9 or 3:2 landscape, JPG, under 1MB. Keep all slides the same aspect ratio so transitions don't jump.
- While in the upload dialog: add alt text (one natural sentence describing the photo).
- To add a slide: click Add slide at the bottom of the slide list. To delete: click a slide → trash icon.
- Top-right: Save. The slideshow auto-rotates.
The beige squiggle that overlays the bottom of the hero is decorative, added via the theme — not editable in the slideshow.
Swap the primary featured project (full-width banner)
Content → Blog posts → Projects → tag swap
The full-width featured project banner at the top of the homepage auto-pulls the project tagged primary-featured-project. Only one project should carry this tag at a time. Swap it by moving the tag from the old project to the new one.
- Admin sidebar → Content → Blog posts.
- Filter by blog: Projects.
- Find the project currently featured and click into it.
- Right sidebar → Tags → click the
primary-featured-projecttag to remove it. Save. - Open the project you want featured next.
- Tags → type
primary-featured-project→ press Enter to add it. Save. - Refresh the homepage — the new project replaces the old one in the full-width banner.
If two projects have this tag by accident, whichever was published most recently wins. Best practice: only ever one.
Change & reorder the 3-tile featured strip
Content → Blog posts → Projects → Project · Display order metafield
The three portrait tiles underneath the primary featured banner are driven by the Project · Display order metafield. Whichever three projects have the lowest Display order values render, in ascending order. Currently: Sanderling (10), Jigsaw House (20), Terrazzo Tide (30).
- Admin sidebar → Content → Blog posts → blog: Projects.
- Open the project you want to feature.
- Scroll to Metafields → find Project · Display order.
- Enter a number lower than 30 (e.g.
25to insert between Jigsaw House and Terrazzo Tide). Save.
- Open the project you want first → set Display order to
10. Save. - Open the project you want second → set Display order to
20. Save. - Open the project you want third → set Display order to
30. Save. - Refresh the homepage — the strip is in your chosen order.
- Open the project → Metafields → Project · Display order → clear the value. Save.
- The next-lowest Display order takes its place.
Use gaps of 10 (10, 20, 30) so you can slot new tiles in later (e.g. 15 between 10 and 20) without renumbering everything.
To change how many tiles show (default 3): Themes → Customize → Home → Home featured projects section → adjust "Max projects shown".
Swap the featured journal article
Content → Blog posts → Journal → tag swap
The homepage journal feature strip and the top of the Journal index both auto-pull the article tagged primary-featured-blog. Same tag-swap mechanic as the primary featured project. Only one journal article should carry this tag at a time.
- Admin sidebar → Content → Blog posts → blog: Journal.
- Open the journal article currently featured → Tags → remove
primary-featured-blog→ Save. - Open the journal article you want featured next → Tags → add
primary-featured-blog→ Save. - Refresh the homepage and
/blogs/journalto verify.
The featured article is hidden from the grid underneath, so it doesn't appear twice on the Journal index.
Reorder projects on a sector page
Blog post → Metafields → Project · Display order
Sector landing pages (Residential, Multi-Residential, Commercial, Coming Soon) show projects in this order: any project with a Display order set (lowest first), then everything else sorted by Year completed (newest first). Coming Soon projects (no year) sort alphabetically.
- Admin sidebar → Content → Blog posts → blog: Projects.
- Open the project you want to appear first on the sector page.
- Scroll to Metafields → find Project · Display order → enter a low number (e.g.
5to push above everything else). - Save.
- For most projects, just leave Display order blank and let the automatic year-completed sort do the rest.
Display order is global — the same number controls the project's position on the sector grid AND the homepage 3-tile featured strip. Set it once.
Edit an existing project
Content → Blog posts → Projects → click the project
- Admin sidebar → Content → Blog posts → blog: Projects.
- Click the project. The most-common edit fields and where to find them:
| Change the tile / hero image | Right sidebar → Featured image → upload new file → add alt text |
| Change the body copy | Main content area |
| Add a gallery photo | Bottom → Metafields → Project · Gallery → Add image |
| Reorder gallery photos | Metafields → Project · Gallery → drag the cards |
| Change which sector it appears in | Right sidebar → Tags → remove old sector tag, add new (residential / multi-residential / commercial / coming-soon) |
| Change the tile hover colour | Metafields → Project · Brand colour block → pick swatch |
| Feature on homepage banner | Right sidebar → Tags → add primary-featured-project (remove from any other project first) |
| Add to 3-tile featured strip | Metafields → Project · Display order → set to 10, 20 or 30 |
| Update project credits | Metafields → Project · Photographer / Architect / Builder / Landscape Designer / Editorial Stylist |
| Update SEO title + description | Scroll to Search engine listing preview → Edit website SEO |
| Reorder on sector page | Metafields → Project · Display order (lower = earlier) |
| Hide temporarily | Right sidebar → Visibility → Hidden → Save |
Hit Save (top-right) when done. Changes are live the moment you save.
Add a brand-new project
Content → Blog posts → Add blog post
Before you start: have the project name, featured image (renamed + compressed), sector, year, credits, brand colour and SEO title/description ready. Detailed checklist in Section 03 of this guide.
- Admin sidebar → Content → Blog posts → click Add blog post (top-right).
- Title: type in sentence case (e.g. "Rock House"). The site auto-uppercases tiles and page headings — don't type SHOUTING CAPS.
- Right sidebar → Blog: confirm Projects is selected.
- Right sidebar → Featured image: upload. 2400px wide, landscape, JPG, under 1MB. Add alt text in the dialog. Used on the sector grid tile and on the project page hero if no separate hero is set.
- Right sidebar → Tags: add sector tag (
residential·multi-residential·commercial·coming-soon) + year (e.g.2024). Skip year for Coming Soon projects. - Right sidebar → Theme template: confirm
article.projectis selected (NOTarticle.journalor defaultarticle). - Scroll to Search engine listing preview → Edit website SEO: page title (under 65 chars, format:
{Project Name} — {Sector} Interior Design, Sydney | EB Interiors) + meta description (140–160 chars). - Scroll to bottom → Metafields: fill what applies. Key fields:
- Project · Year completed (must match the year tag)
- Project · Location — optional, e.g. Cronulla, NSW
- Project · Scope — Interior Design (tick if applies)
- Project · Scope — Custom Fabrication, Furnishing, Object and Art (tick if applies)
- Project · Photographer, Architect, Builder, Landscape Designer, Editorial Stylist (where applicable)
- Project · Hero image: optional override — leave blank to use Featured image
- Project · Gallery: Add image for each gallery photo, drag to reorder
- Project · Brand colour block: pick a swatch — drives the tile hover colour
- Project · Display order: optional. Set 10/20/30 to include in the 3-tile homepage strip
- Right sidebar → Visibility: set to Visible.
- Top-right: Save.
- Open the project URL in a new tab to verify: tile appears on the sector page, brand-colour hover works, gallery pairs correctly.
Upload a press article
Content → Metaobjects → Press
Press entries are metaobjects, not blog posts. They render automatically on the Press page in a 4-column magazine-cover grid, newest first.
- Admin sidebar → Content → Metaobjects.
- Click Press in the list.
- Top-right: Add entry.
- Fill the fields:
- Publication: masthead name (e.g. "Vogue Living", "Belle Magazine").
- Date: publication month + year.
- Project name: which EB project the press is about.
- External URL: link to the article online. If print-only, upload a PDF first (Content → Files), then paste its URL here.
- Thumbnail: magazine cover or article hero. Portrait works best (3:4). 1200px tall, JPG. Add alt text.
- Tile colour: optional fallback colour if no thumbnail.
- Click Save.
- The new entry appears on
/pages/pressimmediately, newest first.
To edit an existing press entry: same path, click the entry name in the list, edit, Save.
Change a sector hero banner (All Projects, Residential, Multi-Residential, Commercial, Coming Soon)
Content → Metaobjects → Sector Hub
Each Projects page — the main /blogs/projects hero AND every filtered sector page — has its own editable hero banner (image + heading). All five are managed from a single place: the Sector Hub metaobject.
- Admin sidebar → Content → Metaobjects.
- Click Sector Hub in the list.
- You'll see 5 entries: Projects (All Projects hero), Residential, Multi-Residential, Commercial, Coming Soon. Click the one you want to edit.
- Hero image → upload a new landscape image. Spec: 2400px wide, JPG. Add alt text.
- Display name → the H1 heading over the banner (e.g. "Residential"). Edit if you want different wording.
- Intro copy → short paragraph below the heading.
- Default colour block → fallback hex for project tiles that haven't set their own brand colour.
- Meta title / Meta description → Google search appearance for the sector page.
- Save.
- Refresh the matching page to verify:
- All Projects →
/blogs/projects - Residential →
/blogs/projects/tagged/residential - Multi-Residential →
/blogs/projects/tagged/multi-residential - Commercial →
/blogs/projects/tagged/commercial - Coming Soon →
/blogs/projects/tagged/coming-soon
- All Projects →
Don't change the Sector tag field on a Sector Hub entry — it's how the hub finds its projects. Must stay lowercase-hyphenated: residential, multi-residential, commercial, coming-soon, all-projects.
The lay of the land
Three places hold every editable piece of content on the site. Recognise these paths and the rest is easy.
Blog posts
Projects and Journal entries share this Shopify content type — but only Journal is ever called “the blog.” A project is a project, never “a blog post.” See the naming rule below.
Metaobjects
Team Members, Press, Sector Hubs, Brand Colours, Journal FAQ. Edit once, render everywhere.
Editorial pages
About, Services, Press, Contact, Privacy, T&Cs. Standalone pages with their own layouts.
Three core principles
- Projects live in Shopify’s Blog Posts area — but a project is never “a blog.” Shopify stores every project as an article inside the “Projects” blog (same content type as Journal), and the admin button even reads “Add blog post.” That’s just Shopify’s fixed UI. In how the team talks and writes about the site, only the Journal is “the blog” — a project is always a project.
- Reusable content lives as Metaobjects. Team Members, Press entries, Sector Hubs, Brand Colours, Journal FAQ. Edit once → renders everywhere on the site.
- Type as you read it. In the admin, type everything in sentence case. The site auto-applies UPPERCASE where it should appear (project names on tiles, button text, etc.). Don’t type SHOUTING CAPS.
Naming rule — blogs vs. projects: Shopify's back end can't tell a "project" from a "blog article" — both live under Content → Blog posts, and Projects technically sits inside something Shopify calls a "blog." Ignore that when talking or writing about the site: Journal is the blog. Projects are projects (or "project articles") — never "a blog" or "a blog post."
Imagery sitewide
Every image location, every spec, and the three-step discipline before every upload.
The image map — where each image lives
Find the right path BEFORE you swap a photo. Most “why didn’t my image update?” questions come from changing the wrong copy in the wrong place.
| Project tile (sector grid) | Blog post → Featured Image |
| Project page hero | Same Featured Image (or Project · Hero image metafield override) |
| Project gallery | Blog post → Metafields → Project · Gallery |
| Brand colour hover | Blog post → Metafields → Project · Brand colour block |
| Homepage slideshow | Themes → Customize → Home → Slideshow |
| Homepage Meet Emma portrait | Pulled from Emma → Team Members metaobject |
| About page hero | Themes → Customize → About → image-with-text-overlay |
| About page in-page images | Themes → Customize → About → image-with-text blocks |
| Services page hero | Themes → Customize → Services → image-with-text-overlay |
| Services page service-block images | Themes → Customize → Services → image-with-text blocks |
| Contact split-screen image | Themes → Customize → Contact → contact form section |
| Sector hub hero | Content → Metaobjects → Sector Hubs → pick sector → Hero image |
| Team member portrait | Content → Metaobjects → Team Members → pick name → Portrait |
| Press thumbnail | Content → Metaobjects → Press → pick entry → Thumbnail |
| Journal post hero | Blog post (in Journal blog) → Featured Image |
Image specs by location
| Location | Aspect | Min width | Max size |
|---|---|---|---|
| Logo (header) | variable | 600px wide | 100KB PNG |
| Homepage slideshow | 16:9 | 2400px wide | 500KB JPG |
| Project Featured Image | landscape | 2400px wide | 500KB JPG |
| Project gallery | mixed | 2000px long | 500KB JPG |
| Sector hub hero | 16:9 | 2400px wide | 500KB JPG |
| Team portrait | 4:5 portrait | 1200px tall | 300KB JPG |
| Press thumbnail | 3:4 portrait | 1200px tall | 300KB JPG |
| Journal hero | 16:9 | 2400px wide | 500KB JPG |
| Inline body image | landscape | 1600px wide | 300KB JPG |
The three-step rule — every hero upload
Rename
kebab-case, descriptive, no spaces or special chars.
Compress
Drag into TinyPNG.com. Free. Cuts 60-80% with no visible loss.
Alt text
One natural sentence describing what’s in the image.
Alt text — our recommendation
Alt text is the short caption Google and screen readers see when an image loads. We’ve already added alt text to every hero image (project tiles, journal hero, team portraits) using the formulas below.
For new uploads: always do hero images (Featured Image on each project). Skip gallery shots — with hundreds of detail images and no real search volume for specific room shots, the return doesn’t justify the time. Hero alt text covers the SEO and accessibility baseline; gallery alt text is a nice-to-have, not a must.
Alt text formulas (for hero images)
| Project tile / hero {Room or scene}, {Project Name} by EB Interiors | Kitchen island in travertine, Rock House by EB Interiors |
| Project gallery {Specific feature}, {Project Name} {room} | Brass pendant and oak shelving, Riverhouse kitchen |
| Team portrait Portrait of {Name}, {Role} at EB Interiors | Portrait of Emma Buchan, Principal at EB Interiors |
| Press thumbnail {Publication} {Month Year} cover | Vogue Living December 2025 cover |
| Sector hub hero {Sector} interior design by EB Interiors, {scene} | Residential interior design by EB Interiors, coastal home |
Never: “image of…”, “photo of…”, filenames, keyword-stuffing, generic placeholders.
Adding a project
The headline workflow. Eight steps from new project to live on the site.
Prerequisites — have these before you start
- Project name (final)
- Featured Image — renamed, compressed, alt text drafted
- Gallery images — renamed, compressed, in display order, alt text each
- Body copy — written, edited, 1-3 paragraphs
- Sector — Residential / Multi-residential / Commercial / Coming soon
- Year completed (e.g. 2024)
- Location — Suburb + state (e.g. South Yarra, VIC)
- Credits — Photographer, Architect, Builder, Landscape, Stylist (where applicable)
- Scope — Interior Design / Custom Fabrication / Styling
- Brand colour swatch — pick from EB palette OR project-specific hex
- SEO meta title (< 60 chars)
- SEO meta description (150-155 chars)
The 8 steps
Open the New Blog Post screen
Admin sidebar → Content → Blog posts → click Add blog post (top-right).
Title — sentence case
Type the project name as you want it written. The site auto-uppercases on tiles and project page headings — don’t type ALL CAPS yourself.
Example: Rock House → renders as ROCK HOUSE on the tile.
Featured Image — tile + hero in one
Right sidebar → Image field → upload. This single image becomes the sector grid tile AND the project page hero. Pick the strongest horizontal shot.
Spec: 2400px wide, landscape, JPG, < 500KB. Add alt text in the upload dialog.
Tags — sector, year, optional featured
Type each tag and press Enter. Spelling matters exactly:
residential·multi-residential·commercial·coming-soon- Year as number, e.g.
2024 - Optional
featured— surfaces on homepage Featured Projects
Template — article.project
Right sidebar, scroll down. Confirm article.project is selected (NOT article.journal). This gives the project its hero, credits and gallery layout.
Search Engine Listing
Between Excerpt and Metafields, click Edit website SEO.
- Page title (< 60 chars):
{Project Name} | {Location} {Sector} Interior Design | EB Interiors - Meta description (150-155 chars): plain-English summary including “Sydney” and project specifics
- URL handle: short and clean (
riverhouse, notthe-riverhouse-2024-final)
Metafields — the project credits
Scroll to the bottom. Each field is labelled with “Project ·” prefix. Fill in what applies, leave the rest blank.
| Project · Location | Suburb, state — e.g. Cronulla, NSW |
| Project · Year completed | Year as number — must match the year tag |
| Project · Display order | Optional. Lower number = appears earlier in the sector grid. Use gaps of 10 (10, 20, 30…) so you can slot new projects between. Leave blank to fall back to Year-completed sort. |
| Project · Scope | Multi-select — Interior Design / Custom Fabrication / Styling |
| Project · Photographer | Photographer’s name |
| Project · Architect | If applicable |
| Project · Builder | If applicable |
| Project · Landscape Designer | If applicable |
| Project · Editorial Stylist | If different from EB |
| Project · Awards | One per line |
| Project · Hero image | Optional override. Leave blank to use Featured Image. |
| Project · Gallery | + Add image → upload each → drag to reorder |
| Project · Brand colour block | Pick a swatch — drives the tile hover colour |
Save — then verify on the live site
Hit Save (top-right). Flip Visibility to Visible. Open the project URL. Check:
- Tile appears on the sector page
- Brand colour hover effect works
- Gallery scrolls in your chosen order
- Year filter shows the year as an option
- Related Projects strip at the bottom pulls 3 other projects from the same sector
Editing a project
Open the project, edit the field, hit Save. Changes are live the moment you save.
Common-edits cheat sheet
| Swap the tile image | Blog post → Featured Image → upload new file → Save |
| Add a new gallery photo | Blog post → Metafields → Project · Gallery → Add image |
| Reorder the gallery | Blog post → Metafields → Project · Gallery → drag cards |
| Reorder projects on a sector page | Each project → Metafields → Project · Display order → set as 10, 20, 30… (lower = earlier) |
| Change hover colour | Blog post → Metafields → Project · Brand colour block → pick swatch |
| Feature on homepage | Blog post → Tags → add featured |
| Move to another sector | Blog post → Tags → remove old sector tag, add new |
| Hide temporarily | Blog post → Visibility → Hidden → Save |
| Permanently delete | Blog post → bottom → Delete blog post (cannot be undone) |
| Promote a Coming Soon | Tags → remove coming-soon, add proper sector + year tag |
| Update SEO description | Blog post → Search engine listing → Edit website SEO |
When something looks wrong
| Project doesn’t show on its sector page | Tag spelling. Must be lowercase + hyphenated: multi-residential, not Multi-Residential. |
| Project shows on TWO sector pages | Has both sector tags. Remove the wrong one. |
| Tile shows wrong image | Swap Featured Image — that’s the single source for tile + hero. |
| Hover colour is default navy | Brand colour block metafield is blank. Pick a swatch. |
| Year filter missing the year | Need BOTH the year tag AND Project · Year completed metafield. Both must match. |
| Project page has no credits or gallery | Template is set to article.journal. Change to article.project. |
Journal articles
Editorial content — designer guides, trends, store recommendations. Same machinery as projects, different blog and template.
Adding a journal post
- Content → Blog posts → Add blog post
- Title — type in Title Case (the site keeps your casing here)
- Content — rich text body. H2 for major sections, H3 for sub-sections.
- Featured Image — 16:9 landscape, 2400px wide, < 500KB
- Blog — set to Journal (right sidebar)
- Theme template —
article.journal(NOT article.project) - Tags — optional category labels:
designers-guide,trends,working-together - Search engine listing — page title + meta description
- Metafields — fill the “Journal ·” fields (see below)
- Save → flip Visibility to Visible
Editing an existing journal article
Content → Blog posts → filter to Blog: Journal → click the article title. Edit any field, hit Save — changes are live the moment you save, no separate publish step.
Body copy and metafields do different jobs. Use the right one, not just whichever is easiest to find.
| Headline, paragraphs, sub-headings, inline images | Edit in Content (rich text) — the only field meant for free-flowing copy. |
| Eyebrow label above the title | Journal · Category — not the title or a body line. |
| Italic intro line under the title | Journal · Lead — don’t bold the first body paragraph instead, it won’t match the styling. |
| “X min read” next to the date | Journal · Reading time. |
| Who’s credited as the author | Journal · Author — pulls name + portrait from Team Members. Typing “By Emma” into the body gives plain text only. |
| CTA button partway down the article | Journal · Show inline CTA (toggle on) + Journal · CTA text / link. |
| FAQ accordion at the bottom | Journal · FAQs — also emits FAQPage schema for Google rich results. A typed-out Q&A list in the body doesn’t get that markup. |
| Image + text callout between sections | Journal · Feature 1 / 2 / 3 (image + heading + text) — renders as a distinct visual block, not an inline image sitting in the body flow. |
Why it matters: each metafield has its own position, styling and (for FAQs) SEO markup built into the theme. Typing the equivalent content into the body skips all of that — it’ll look inconsistent with other journal articles and, for FAQs, won’t generate the structured data Google uses for rich results.
Journal metafields
| Journal · Category | Single label shown as eyebrow above article title. e.g. “Designer’s Guide”, “Trends”. |
| Journal · Lead paragraph | Italic intro paragraph above the body. One strong sentence or two. |
| Journal · Reading time (minutes) | Number — renders as “X min read”. |
| Journal · Author | Team member reference. Defaults to Emma if left blank. |
| Journal · Show inline CTA | Toggle — when on, renders a CTA partway through. |
| Journal · CTA button text / link | Button label + URL for the end-of-article CTA. |
| Journal · FAQ items | List of Journal FAQ metaobject entries. Renders as accordion + FAQPage schema for Google rich results. |
| Journal · Feature 1 / 2 / 3 | Three optional image + heading + text blocks. Renders between body sections. |
“More from the Journal” at the end of each post is automatic, not a metafield — the theme pulls the newest other Journal posts (default 3). Adjust the count in Theme Editor → article page → Journal related section → Max articles shown.
Team, press, sector hubs, brand colours
Four metaobjects that drive reusable content. All under Content → Metaobjects.
Team Members
Drives the About team grid + Emma’s portrait on the homepage Meet Emma block.
- Content → Metaobjects → Team Members → click name (or “+ Add team member”)
- Name — full name as displayed
- Role — e.g. Senior Interior Designer
- Portrait — 4:5 portrait, 1200px tall, JPG
- Short bio — 1-2 lines for the team grid hover state
- Long bio — full paragraph(s) — used on homepage Meet Emma block (Emma only)
- Save — changes propagate to About + homepage immediately
Press entries
Renders on the Press page in a 4-column magazine-cover grid, newest first.
| Publication | Masthead — Vogue Living, Belle, etc. |
| Date | Publication month + year |
| Project name | Which EB project the press is about |
| External URL | Link to article online (or upload PDF and link) |
| Thumbnail | Magazine cover or hero. Portrait works best. 1200px tall. |
| Tile colour | Optional fallback if no thumbnail. Rotates through brand palette. |
Sector hubs
Each sector landing page (Residential / Multi-residential / Commercial / Coming soon) is driven by a Sector Hub metaobject.
| Sector tag | Exact: residential / multi-residential / commercial / coming-soon. Don’t change once set. |
| Display name | Heading on the landing page |
| Intro copy | Short paragraph below the heading |
| Hero image | Sector banner — 2400px wide, < 500KB |
| Default colour block | Fallback for tiles with no Brand colour set |
| Meta title / description | Google search appearance |
Brand colours
The picker on every project’s Brand colour block field pulls from this metaobject. Curate it to keep the palette on-brand.
#2D3F4A
#5A322F
#C9BEAE
#7E8F7C
#A39A9C
#B89854
#000000
#FFFFFF
Add a new swatch: Content → Metaobjects → Brand colour → Add entry → name + hex → Save.
Pages and homepage
Most edits happen in Themes → Customize (the visual editor), not the basic Pages list.
Editorial pages
| About | Themes → Customize → About — hero, intro, “For us…” block, “A practice led by women…” block, The Team heading, Emma Buchan hero, team grid |
| Services | Themes → Customize → Services — hero, Interior Design, Furniture Packages, Interior Styling, Consulting |
| Press | Themes → Customize → Press — hero + auto-rendered press grid |
| Contact | Themes → Customize → Contact — split-screen image + form. Header solid (not transparent) by design. |
Homepage sections
| Slideshow hero | Rotating slide images. Click into each slide to swap. |
| Featured Projects strip | Auto-pulls projects tagged featured. Manage by tagging projects. |
| Meet Emma block | Pulls Emma’s long bio + portrait from Team Members metaobject. |
| Latest Journal posts | Auto-pulls newest 3 posts from Journal blog. |
| Sitewide CTA | “Bring your space to life” — sits in footer-group, renders on every page. |
| Instagram feed | Powered by Globo Smart Instagram Feed app. Connected to @ebinteriordesign. |
Header, footer, navigation
Header & nav
| Edit menu items | Online Store → Navigation → Main menu |
| Add Projects sub-item | Main menu → expand Projects → Add menu item → set URL (e.g. /blogs/projects/tagged/residential) |
| Reorder menu items | Drag the items in Main menu |
| Change the logo | Themes → Customize → Header → Logo field |
| Header behaviour | Transparent at top of hero pages, becomes solid Deep Navy with white nav after ~20px scroll. Always solid on Contact by design. |
| Instagram icon (top-right) | Hard-coded link to @ebinteriordesign. Always white. |
Current main menu: Projects (dropdown: All projects · Residential · Multi residential · Commercial · Coming soon) · Services · About · Press · Contact
Squiggle icon — where it appears
The EB squiggle is the site's signature mark. It shows in four places:
| 1. Header top-left | Desktop only. Always white. Links to the homepage. Sits above the nav. |
| 2. Hamburger overlay | Mobile only, top-left of the open menu. White. |
| 3. Back-to-top button | Dark navy circle with a beige squiggle inside. See below. |
| 4. Favicon (browser tab) | Thicker squiggle variant. See below. |
Back-to-top button
A small dark-navy circle with a beige squiggle icon inside. Appears bottom-right after scrolling ~400px on:
| Where it shows | All Projects index (/blogs/projects), every sector page, every individual project article page. |
| Hover behaviour | A “BACK TO TOP” tooltip appears to the left of the button. |
| Action | Click smooth-scrolls back to the top of the page. |
| Configuration | Set globally in the theme. Not editable via the Theme Editor. |
Favicon (browser tab icon)
| Currently | Thicker EB squiggle icon, black on transparent. |
| Where to change it | Online Store → Themes → Customize → three-dot menu (top-left) → Theme settings → Favicon → upload a new image → Save. |
| Image spec | Square PNG, minimum 32×32px, ideally 512×512px. |
| Not updating in your browser? | Browsers cache favicons hard. Hard-refresh with ⌘ Shift R after uploading. |
Footer
| Sitewide CTA banner | Themes → Customize → footer-group → Sitewide CTA — heading, sub-copy, button text + link editable |
| “Good design lives here.” + “Follow along.” | footer-group → the two rich-text sections above the Instagram feed |
| Instagram feed | GSC Instagram Feed app. Pulls @ebinteriordesign automatically. Style: Themes → Customize → Home → Instagram section. |
| Newsletter signup | footer → Newsletter block. Signups land in Shopify customers. |
| Footer menu | Online Store → Navigation → Footer menu |
| Social icons | Themes → Customize → footer → social_media setting |
Instagram feed not loading? Open the GSC Instagram Feed app from Shopify Apps → reconnect. Confirm @ebinteriordesign is still public.
SEO essentials
Every project, page and journal article has a Search Engine Listing preview. Fill it in deliberately — every time.
Already done: all 48 launch projects have bespoke SEO titles + descriptions written by Cultivate Studio. The formulas below are the reference for FUTURE projects and journal articles.
Formulas
Swap “Sydney” for the specific area if the project has a distinct location (Cronulla, Sutherland Shire, Southern Highlands).
Live example — Riverhouse
Image SEO
| Rename files before upload | riverhouse-kitchen-island.jpg, not IMG_1234.jpg. |
| Alt text on every image | Descriptive sentence — e.g. “Riverhouse kitchen island in travertine with brass pendant lighting.” Helps screen readers and Google + AI search. |
Where to set it
| Project article | Article editor → scroll past Excerpt → Search engine listing → Edit website SEO |
| Journal post | Same as above |
| About / Services / Press / Contact | Page editor → Search engine listing → Edit website SEO |
| Sector landing pages | Sector Hubs metaobject → Meta title + Meta description |
| Homepage | Online Store → Preferences → Homepage title + meta description |
Behind the scenes (Cultivate-configured)
Sitewide LocalBusiness schema · CreativeWork schema on every project · BlogPosting + FAQPage schema on journal articles · breadcrumbs on project pages · XML sitemap submitted to Google Search Console · RSS feeds on both blogs for AI crawlers · Open Graph tags for Instagram / LinkedIn / WhatsApp previews. No action needed from the EB team.
Glossary & contacts
Shopify in plain English
| Blog Post | Shopify’s content type for both Projects and Journal entries. Naming rule: only Journal is called “the blog” — a project is a project, never “a blog post.” |
| Blog | Shopify’s container for articles — technically there are two (Projects and Journal), but in team language “the blog” always means Journal. |
| Page | Standalone editorial content (About, Services, Press, Contact, Privacy, T&Cs). |
| Tag | A label on an article. Drives sector grouping, year filtering, homepage featuring. |
| Metafield | A custom field on an article or page (e.g. Project · Location, Project · Gallery). |
| Metaobject | A reusable record (Team Members, Press, Sector Hubs, Brand colour, Journal FAQ). |
| Theme Editor | Visual customiser for the live site. Online Store → Themes → Customize. |
| Template | Which layout an article uses. Projects use article.project. Journal uses article.journal. |
| Featured Image | The hero image on every project or journal article. Used as project tile + project page hero (or journal card image). |
| Visibility | Visible = published. Hidden = draft. |
| SEO listing | Where you control how the page looks in Google search. |
| Footer-group | The collection of sections rendered at the bottom of every page (CTA, IG feed, footer). |
| Favicon | The small icon in the browser tab. Currently the thicker EB squiggle. |
Who to call
Cultivate Studio
Any “how do I do X” content question. Design changes, new sections, image cropping, SEO advice. Your first call.
Shopify support
Billing, domain, account access, payment processing, platform-level issues.
GSC Instagram Feed
Instagram feed not loading, layout breaking, sync issues. Reconnect the app if @ebinteriordesign posts stop appearing.
End of guide. Maintained by Cultivate Studio. Last updated 12 Aug 2026.