Foxify - Smart page builder
Try Foxify freeResourcesOther solutions
  • About Foxify
    • What is Foxify?
    • Account & Billing
      • Free trial
      • Pricing plans
      • Use discount code
      • Change your plan
      • Uninstall Foxify
    • Changelog
    • Terms & Policies
  • Getting started
    • How to install Foxify
    • Quick start guide
    • Analytics
    • App extensions
      • Age Verifier
      • Ajax Add to Cart
      • Countdown Timer
      • Inventory status
      • Product Options Swatches
      • Quick View
      • Recently Viewed Products
      • Storefront Filters
    • Global styles
    • Pages list
      • Create a Home page
      • Create a Product page
      • Create a Collection page
      • Create a Landing page
      • Create a Blog post
      • Templates
      • Save a page as a template
    • Import & Export pages
    • Translation
  • FoxStudio 🔥
    • What is FoxStudio
    • FoxStudio editor
    • FoxStudio tools
      • Autosave
      • Grids guide and Snap lines
      • Pan & Zoom mode
      • Inspector panel
      • Layers
      • Layout template 🧩
      • AI responsive ✨
      • Prettify
      • Keyboard shortcuts
      • Undo & Redo
      • SEO checker
    • Working with Pages
      • Page settings
      • Edit a Section
      • Add a Section
      • Animations
      • Save and re-use Assets
    • Working with Elements
      • Add and Edit Elements
        • Text
        • Button
        • Image
        • Video
        • Countdown timer
        • Marquee text
        • Newsletter form
        • Contact form
        • List items
        • Slideshows
        • Tabs
        • Collapsible content
        • Testimonials
        • Navigation
      • Cells and grids
      • Constraints
      • Frame Elements
      • Resize an Element
      • Stack Elements
      • Copy & Paste Elements
    • FoxTransfer - Clone web design to Foxify
  • 🔥Figma to Shopify with Foxify
  • Basic editor
    • Page Editor
      • General settings
      • Styles settings
    • Sections & Presets
      • Before/ After slider
      • Blog posts
      • Collapsible content
      • Buy Now button
      • Collection list
      • Collection tabs
      • Countdown timer
      • Custom section
      • Favorite products
      • Featured product
      • Featured collection
      • Google Map
      • Handpicked products
      • Image banner
      • Image cards
      • Image with text
      • Lookbook
      • Multicolumn
      • Product tabs
      • Scrolling promotion
      • Slideshow
      • Tabs
      • Testimonials
    • Foxify layout
      • Menus
      • Link menus to Foxify layout
    • Advanced features
      • Custom code
      • Check SEO score
      • Keyboard shortcuts
      • Page revisions
      • Undo & Redo
  • Section design
    • Create a Theme Section
  • AI-powered fox magic
    • What is Fox Magic? ✨
    • All about credit
  • Build for Success series
    • FAQ page like Satyajewelry
    • Featured collections showcase like Puma
    • Home page 🔥
    • Landing page 🔥
    • Multi-column section like SkinnyTeatox
    • Newsletter section like Emmabridgewater
    • Product page 🔥
    • Scrolling promotion like Elementmatcha
    • Testimonial section
    • Video hero section like Swarovski
  • FAQ
    • Foxify Free plan is sunsetting
    • Foxify Gen 2 Beta Test
    • How to report an issue
    • Generic
      • Compare Foxify with other Shopify page builders
      • Completely remove Foxify code from my Shopify theme
      • How to change the app language 🌍
      • Pick a theme to work with Foxify
      • Does Foxify work for all the pages in my store?
      • How to get API Secret key in Foxify
      • How to join Foxify giveaway 2022
    • Edit your pages
      • Add custom font
      • Add custom icon
      • Change my page title and URL
      • Change the product prices' color
      • Create an anchor link
      • Create a parallax background
      • How to make rounded buttons
      • Set a page as Home page
      • Schedule your page to publish at a future date
      • Should I use Pixel, Rem, or Em?
      • Change the page background
  • Troubleshooting
    • Liquid error: Could not find asset snippets
    • Published page is not visible on live store
    • Compare-at prices do not show in live store
  • Shopify Apps Integrations
    • Air Product Reviews
    • DingDoong: Delivery + PickUp
    • Loox Product Reviews
    • LAI Product AliExpress Reviews
    • Wide Bundles - Quantity Breaks
    • Ai Loyalty, Email, Review, SMS 🔥
    • FoxKit AIO Upsell Cross-sell 🔥
    • Yotpo ‑ Product Reviews
    • Judge.me Product Reviews
    • BON Loyalty Program & Rewards
    • Kaching Bundles Quantity Break
Powered by GitBook
On this page
  • Why use Layout templates?
  • How to create a Layout template for FoxStudio pages
  • How to apply a layout template to a Foxify page
  • Manage Foxify layout templates
  • FAQs
  • Can I apply the same layout to multiple pages?
  • What happens if I edit a layout template that's already applied to a page?

Was this helpful?

  1. FoxStudio 🔥
  2. FoxStudio tools

Layout template 🧩

Create and apply custom layout templates for your Foxify pages

PreviousLayersNextAI responsive ✨

Last updated 21 days ago

Was this helpful?

With the Layout template feature, you can now create and apply custom headers and footers for your Foxify pages — without relying on your theme’s default structure.

This gives you total creative control to design site-wide elements that match your brand and UX vision.

Why use Layout templates?

Here are a few reasons why this new feature rocks:

  • Custom branding: Design unique headers/footers to reflect campaigns or seasonal promos (e.g. Mother's Day, Black Friday, etc.).

  • Consistent UI: Apply one layout across multiple pages for design consistency.

  • More control: Avoid limitations from the theme’s built-in layout structure.

  • Efficiency: Edit once, apply to many — no need to manually copy/paste sections across pages.

How to create a Layout template for FoxStudio pages

Steps:

  1. In the FoxStudio editor, open the Layouts manager from the left sidebar.

  2. Click Create new layout.

  3. Select the new layout you have created to customize it.

  4. Once you've done designing, Save & Publish the layout.

Customize your layout template:

  • Add sections/elements above the Content area for Header section.

  • Add sections/elements below the Content area for Footer section.

💡 Tip: Use pre-designed sections for a quick start and inspiration.

The number of published layout templates depends on your current plan limits.

To see your plan details, go to Settings > Plan.

How to apply a layout template to a Foxify page

Steps:

  1. Open the page you want to apply the layout to in Foxify.

  2. Click on the Layout settings in the top toolbar.

  3. In the Layout settings panel, find the Layout templates setting.

  4. Select your published layout template from the list.

  5. Hit Update to apply the layout to your page.

✅ Done! Your custom header and footer will now show on that page.

All available templates are shown in the Layout templates selector. However, only published layout templates can be displayed on the preview page or live page.

To set the page to use Theme layout or Blank layout, select the Layout templates as None.

Manage Foxify layout templates

🟢 Green dot = Published layout ⚫ Gray dot = Draft layout

From the Layouts manager, click the three-dot menu on any layout to:

📄 Duplicate: Quickly create a new layout based on an existing one — perfect for small variations.

🗑️ Delete: Remove unused layouts to keep your workspace clean. This action cannot be undone.

When you delete a layout template, you will be prompted to update the Layout template used for those pages before continuing.

FAQs

Can I apply the same layout to multiple pages?

Yes! That's one of the main perks. One layout template can be used across Foxify pages.

What happens if I edit a layout template that's already applied to a page?

All pages using that layout template will reflect the changes - instant updates, no manual rework.

Design these areas just like you would with your Foxify pages.

Learn more: Working with Pages Working with Elements

You can always switch between a Theme layout, Blank layout, or your custom Layout templates.

Rename: Give your layout a descriptive name.

✅
✍️
📌
🔤