Share/print UI

Overview #

The Share/Print UI block is designed to provide users with the ability to easily share or print content from a webpage. This block is typically used within the "Hero" section, allowing for seamless integration of sharing and printing functionalities directly from the main visual area of a page.

Key components and functionality #

Display UI for share and print functionality

This block offers settings to control the visibility and appearance of share and print buttons, as well as the alignment and visibility of these elements across different devices.

Show print button

This setting allows you to enable or disable the print button within the block. By default, this option is disabled.

Show share button

This setting controls the visibility of the share button, enabling users to share content via various platforms. By default, this option is enabled.

Icon color

This setting allows you to customize the color of the icons used for the share and print buttons, ensuring they match the overall theme and design of your site.

Alignment settings

These settings determine how the share and print buttons are aligned on the page, both for desktop and mobile views.

Alignment - Desktop

This setting allows you to specify the horizontal alignment of the buttons when viewed on a desktop.

Alignment - Mobile

This setting allows you to specify the horizontal alignment of the buttons when viewed on a mobile device.

Visibility settings

These settings control the visibility of the share and print buttons across different devices.

Visibility

This setting provides options to control the visibility of the buttons:

1. Do not hide: The buttons are visible on all devices.
2. Hide on desktop: The buttons are hidden when viewed on a desktop.
3. Hide on mobile: The buttons are hidden when viewed on a mobile device.

The default option is do not hide.

Available in sections #

• Hero

Usage examples #

1. Enabling sharing functionality: Use the "Show share button" setting to allow users to share content from your hero section, enhancing engagement and reach.

2. Customizing icon appearance: Adjust the "Icon color" setting to ensure the share and print buttons complement your site's color scheme, maintaining a cohesive design.

3. Responsive design: Utilize the alignment and visibility settings to ensure that the share and print buttons are optimally displayed across different devices, providing a consistent user experience.

By configuring these settings, you can effectively integrate share and print functionalities into your theme, enhancing user interaction and content dissemination.