Theme documentation

Look Journal is built for fashion, editorial and visual-first commerce. Start by uploading the theme to Shopify, then open the Theme Editor to connect your store content.

Before customizing layouts, make sure your products, collections, navigation menus and store policies already exist in Shopify.

1. In Shopify Admin, go to Online Store → Themes.
2. Upload the Look Journal theme ZIP.
3. Open Customize.
4. Assign your main navigation menu in Header settings.
5. Review the homepage, product and collection templates before publishing.

The header reads the menu selected in Shopify. Menu labels and links are controlled from Shopify Admin, so you can change navigation without editing code.

• Add or rename links from Content → Menus.
• Nested links are supported for multi-level navigation.
• Upload a logo or use the store name as the brand mark.
• Search and cart remain icon-based to keep the header visually clean.
• Sticky header behavior can be enabled or disabled from the Theme Editor.

The homepage is designed as an editorial shopping flow. Build it from campaign-led sections, product edits, visual stories and shoppable looks.

• Use the campaign hero for the main visual story.
• Connect product or collection references where supported.
• Keep section order intentional: campaign → edit → products → story → fit.
• Use image and video blocks selectively to protect performance.
• Check the mobile layout after every major content change.

The product template combines product information with fit, story and cross-selling tools. Product data should come from Shopify products and metafields whenever possible.

• Product media supports images and compatible rich media.
• Variant availability updates with the selected option.
• Size guide and fit information can be shown where configured.
• Complete the Look can connect complementary products.
• Add to Bag uses the cart drawer when enabled.

Collections support standard merchandising controls alongside editorial content. Use them to mix product discovery with campaign storytelling.

• Filters use Shopify's available storefront filters.
• Sorting follows Shopify collection sorting options.
• Editorial blocks can interrupt the grid with campaign imagery or stories.
• Product cards can expose quick purchase actions where appropriate.
• Always test collections with sold-out products, long titles and different image ratios.

Look Journal includes dedicated experiences for complete looks and campaign storytelling. These pages are intended to connect editorial content directly to products.

• Use Look pages for styled outfits and grouped product discovery.
• Use Campaign pages for long-form visual stories with shoppable chapters.
• Keep each campaign focused on one collection or launch idea.
• Do not use false urgency, fake inventory messages or misleading countdowns.

Predictive search begins as the shopper types and can surface products, collections, pages and editorial content. The cart drawer keeps shoppers in context while editing their bag.

• Search can be opened from the header icon.
• Predictive results begin from the first typed character.
• The cart drawer supports quantity updates and item removal.
• The full cart page remains available when a shopper chooses to view it.

Look Journal is intended to be configured from Shopify's Theme Editor without code. Use global theme settings for site-wide design decisions and section settings for local layout changes.

• Set typography and shared visual choices globally.
• Use section settings for layout, spacing and content references.
• Avoid duplicating too many heavy sections on one page.
• Preview desktop and mobile before publishing changes.

Always review key templates on mobile after changing content. Navigation, search, product actions and cart behavior are designed to remain usable with keyboard and touch input.

• Use meaningful image alt text.
• Keep button and text contrast readable.
• Avoid placing essential information only inside images.
• Test menus, drawers and forms with keyboard navigation.
• Keep product titles and descriptions concise where possible.

If something does not look correct, first confirm that the relevant Shopify resource is connected and that the section has the required content.

• Menu missing: reselect the Main menu in Header settings.
• Product unavailable: check inventory and variant availability in Shopify Admin.
• Collection looks empty: confirm products are assigned and active.
• Search has no suggestions: confirm searchable products are active and available to the Online Store sales channel.
• Cart does not open: refresh the preview and confirm the latest theme version is installed.