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
  • About Foxify Theme Section
  • Create a section with Foxify
  • Use your custom section in Shopify Theme Editor
  • Frequently asked questions

Was this helpful?

  1. Section design

Create a Theme Section

Build any sections you want in Foxify and add them to multiple pages in your store, using Shopify's Theme Editor.

PreviousUndo & RedoNextWhat is Fox Magic? ✨

Last updated 1 day ago

Was this helpful?

About Foxify Theme Section

There are 2 types of sections you can create in Foxify:

  • Static section: The content and layout are managed in the Foxify editor only.

    • 1 Static section type can be inserted on multiple pages at once (think Testimonial section, Review section, FAQ section, etc.). Once you update and publish the design, it will show on all the pages.

    • Shopify usually calls it "Global Section".

  • Dynamic section: The content and layout are managed by the Foxify editor, and editable in Shopify Theme Editor.

    • 1 Dynamic section can be inserted on 1 page.

    • This section type lets you use the same design with different content on different pages.

Create a section with Foxify

Steps:

  1. In Foxify app, navigate to the menu, go to Sections manager

  2. Click Create section

  3. Select a pre-designed section for a quick start, or create a blank section

  4. Insert the Section title and select the Section type, then click Save

  5. Craft your section using Foxify editor. It works the same as creating pages.

  6. Save and Publish the section when it's ready.

Custom theme section editor use the Legacy editor (Basic editor).

Publishing the custom section in Foxify does not change anything on your storefront.

Foxify simply creates the section and makes it available to you in your Shopify Theme Editor.

Use your custom section in Shopify Theme Editor

You can add the section you have created and published to your theme's templates.

In your Theme Editor (Customize) > click Add section > select the Foxify section you have created.

Sections created in Foxify will start with [Foxify]...

Frequently asked questions

How many sections can I create?

The number of sections you can create depends on your Foxify subscription plan.

To check the plan details, go to Foxify Settings > Plan.

What happens when I delete a custom section in my Foxify?

If you delete a Foxify section from your Foxify app, the section will immediately be removed from your Shopify theme (everywhere it's being used).

What if I have multiple themes?

Custom sections that you create in Foxify will be published to the theme you set the app to work with.

To change the theme, go to Foxify Settings > Account > Theme.

They can't be saved & added to pages.

FoxStudio
Install FoxTransfer Chrome Extension FREE