Shortcuts Bar

Shortcut Items

The bar can contain multiple shortcut items, each representing a destination or action. Available items can vary depending on the functionality active on your website.

Common shortcut types include:

• Home – link visitors directly to the website’s homepage.
• Phone – provide a telephone link that can start a call on supported devices.
• Email – provide a direct email action.
• Shop – link directly to the WooCommerce shop.
• Cart – provide quick access to the visitor’s WooCommerce cart.
• Wishlist – provide access to the Wishlist when the corresponding Shop Extra functionality is available.
• Back to Top – return the visitor to the beginning of the current page.
• Custom – create your own shortcut with a custom label, icon and destination.

Additional WooCommerce-related actions can become available when their corresponding Blocksy features are enabled, such as Compare, Waitlist or the shop filters canvas.

Icons & Labels

Each shortcut can combine an icon with a text label. You can use the available built-in icons or select a custom icon where supported.

Labels can be shown or hidden independently based on the layout you want to create. Shortcode output is also supported in shortcut label and link fields when a more dynamic value is required.

Item Visibility

Individual shortcut items can be shown or hidden independently on desktop, tablet and mobile devices. This lets you create a different set of shortcuts depending on the available screen space and the actions that are most useful on each device.

Label visibility can also be adjusted independently, making it possible to use a more compact icon-only presentation when needed.

Item Tooltips

Enable tooltips to provide additional context for shortcut items when visitors interact with them. This is particularly useful when the bar uses an icon-focused layout and the purpose of an item may not be immediately obvious.

Bar Design

The Shortcuts Bar supports two primary presentation styles. It can span across the bottom of the viewport as a traditional fixed bar or use a more compact floating presentation with space around the container.

Additional design controls let you customise areas such as the bar and item Colors, including their initial and hover states. A background blur effect can also be applied when you want the content behind the bar to remain subtly visible.

Scroll Interaction

By default, the Shortcuts Bar remains visible while visitors move through the page. The Scroll Interaction option can hide the bar while scrolling down, freeing additional screen space for the page content.

The bar can then become visible again when the visitor changes scrolling direction, keeping the shortcuts accessible without permanently occupying part of the viewport.

Display Conditions

The Shortcuts Bar integrates with Blocksy’s Conditional Module, allowing you to control where the entire bar is available.

You can display or exclude it from specific pages, posts, post types, taxonomies, WooCommerce areas, user states and other supported contexts. More complex combinations can be created using the Conditional Module’s Advanced Mode.

Use these conditions when the whole Shortcuts Bar should be limited to particular areas of the website, and use the individual item visibility controls when only specific shortcuts need to change between devices.