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
      • Templates
      • Save a page as a template
      • Create a Home page
      • Create a Product page
      • Create a Collection page
      • Create a Landing page
      • Create a Blog post
    • 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
      • Page revisions
      • 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
  • Legacy 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
    • Home page 🔥
    • Product page 🔥
    • Landing page 🔥
    • Custom sections with Legacy editor
      • Video hero section like Swarovski
      • Featured collections showcase like Puma
      • Multi-column section like SkinnyTeatox
      • Newsletter section like Emmabridgewater
      • Scrolling promotion like Elementmatcha
      • Testimonial section
  • FAQs
    • Foxify Free plan is sunsetting
    • How to report an issue
    • 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
    • Completely remove Foxify code from my Shopify theme
    • Foxify Gen 2 Beta Test
    • 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
  • General Shortcuts
  • Switch Viewport
  • Editor Actions
  • Alignment
  • Move Elements
  • Open Actions
  • Best practices

Was this helpful?

  1. FoxStudio 🔥
  2. FoxStudio tools

Keyboard shortcuts

A rich set of keyboard shortcuts to streamline your workflow

PreviousPage revisionsNextUndo & Redo

Last updated 7 months ago

Was this helpful?

Foxify comes with a rich set of keyboard shortcuts to streamline your workflow. By using these shortcuts, you can perform actions more efficiently and focus on creating amazing designs.

These shortcuts work on both Windows and macOS, with Cmd replacing Ctrl on macOS devices.

Quickly open the List of available Keyboard shortcuts by typing: ?

General Shortcuts

These shortcuts help you manage basic tasks like saving, publishing, and undoing actions.

  • Save: Ctrl + S

  • Publish: Ctrl + P

  • Save & Publish: Ctrl + Shift + P

  • Undo: Ctrl + Z

  • Redo: Ctrl + Y

  • Add Elements: E

  • Add Sections: S

  • Add App Blocks: A


Switch Viewport

Quickly toggle between different device viewports (desktop, tablet, mobile) to ensure your design is responsive.

  • Switch to Desktop: Alt/Option + 1

  • Switch to Tablet: Alt/Option + 2

  • Switch to Mobile: Alt/Option + 3


Editor Actions

These actions control the movement, styling, and organization of elements on the page.

  • Duplicate: Ctrl + D

  • Delete: Backspace/Delete

  • Copy Style: Ctrl + C

  • Paste Style: Ctrl + Shift + V

  • Hide Element: Ctrl + H

  • Rename: Ctrl + R

  • Add Stack: Ctrl + Enter

  • Unstack: Ctrl + Alt/Option + Backspace/Delete

  • Add Frame: Ctrl + Shift + F

  • Bring to Front: Ctrl + ]

  • Move Forward: ]

  • Send to Back: Ctrl + [

  • Move Backward: [

Alignment

Align elements precisely on the canvas:

  • Align to Horizontal Center: Alt/Option + H

  • Align to Vertical Center:Alt/Option + V


Move Elements

For fine adjustments, you can move elements pixel by pixel:

  • Move Section Up: Ctrl + ↑

  • Move Section Down: Ctrl + ↓


Open Actions

Access different settings and tools easily using these shortcuts:

  • Open Page Layers: L

  • Open Page Revisions: R

  • Open Custom Codes: C

  • Open Templates Picker: T

  • Open Page Settings: Alt/Option + S

  • Open Theme Settings: Ctrl + ,

  • Open Keyboard Shortcuts: ?


Best practices

  • Multitasking: Combine shortcuts to perform multiple actions rapidly. For example, duplicate an element and then use the alignment shortcuts to position it perfectly.

  • Viewport Checking: Make it a habit to switch between device viewports (Alt/Option + 1 ,2 , 3) to ensure your design looks great on all devices.

  • Undo/Redo: Don’t be afraid to experiment, knowing that Ctrl + Z and Ctrl + Y will always have your back.

By integrating these keyboard shortcuts into your workflow, you can speed up your design process and keep your hands on the keyboard, minimizing interruptions.

Align to Left: Alt/Option +

Align to Right: Alt/Option +

Align to Top: Alt/Option +

Align to Bottom: Alt/Option +

Move Up by 1px:

Move Down by 1px:

Move Right by 1px:

Move Left by 1px:

Move Up by 10px: Shift +

Move Down by 10px: Shift +

Move Right by 10px: Shift +

Move Left by 10px: Shift +