Localization selectors

Overview #

The Localization Selectors block is designed to enhance the user experience by providing options for displaying country and language selectors within the footer navigation. This block allows users to easily switch between different countries and languages, ensuring a more personalized and accessible shopping experience.

Key components and functionality #

Localization selectors

This setting group allows you to manage the display of country and language selectors, providing users with the ability to choose their preferred country and language.

Show country selector

This setting allows you to display a selector for different countries and currencies. By enabling this option, users can choose their preferred country, which may affect the currency and shipping options available to them.

• Default: Enabled

Show language selector

This setting provides a language selector, enabling users to switch the language of the site content. This is particularly useful for stores that cater to a multilingual audience.

• Default: Enabled

Visibility settings

The visibility settings control when and where the localization selectors are displayed. You can choose to hide the selectors on specific devices, such as desktops or mobile devices, or keep them visible at all times.

• Options:
  1. Do not hide
  2. Hide on desktop
  3. Hide on mobile
• Default: Do not hide

Available in sections #

• Footer navigation

Usage notes #

• Responsive Design: Ensure that the selectors are appropriately sized and positioned for different screen sizes to maintain a seamless user experience.
• Performance: Minimize the impact on page load times by optimizing the code and assets associated with the selectors.
• Accessibility: Ensure that the selectors are accessible to all users, including those using screen readers or other assistive technologies. This includes providing clear labels and ensuring keyboard navigability.

Usage examples #

1. Multinational Storefront: For a store that operates in multiple countries, enabling both the country and language selectors can help cater to a diverse customer base by allowing users to select their preferred country and language.

2. Localized Promotions: Use the country selector to tailor promotions and offers based on the user's selected country, ensuring that customers see relevant deals and pricing.

3. Responsive Design: Adjust the visibility settings to hide selectors on devices where they are not needed, such as hiding the language selector on mobile devices to save space and improve the user interface.