Country selector

The Country Selector block is a vital tool for enhancing the shopping experience by allowing customers to select their country and currency preferences. This block is particularly important for stores with an international audience, ensuring that customers can easily navigate and understand pricing and shipping options relevant to their region.

Visibility settings allow you to control when the Country Selector block is displayed, tailoring its visibility based on the device being used. Localization selectors further enhance the block's functionality by adapting it to various regional settings and preferences.

For international stores, the Country Selector block enables customers to select their country, automatically adjusting currency and shipping options. Additionally, by using visibility settings, stores can choose to hide the block on mobile devices if unnecessary, simplifying the mobile shopping experience.

Overview #

The Country Selector block is designed to enhance the shopping experience by allowing customers to select their country and currency preferences. This block is essential for providing a localized experience, enabling customers to view prices and content relevant to their region.

Key components and functionality #

Country Selector

The Country Selector block is crucial for stores that cater to an international audience, ensuring that customers can easily navigate and understand the pricing and shipping options available to them.

Visibility Settings

Visibility settings control when the Country Selector block is displayed. This allows you to tailor the visibility of the block based on the device being used.

  • Display Visibility Options:
    • Do not hide: The block is always visible.
    • Hide on desktop: The block is hidden when viewed on a desktop.
    • Hide on mobile: The block is hidden when viewed on a mobile device.
  • Default: Do not hide

Localization Selectors

Localization selectors provide additional options for adapting the block to various regional settings and preferences, ensuring a seamless user experience across different locales.

Available in sections #

  • [List of sections where the block is available]

Usage notes #

  • Responsive Design: Ensure that the Country Selector block is tested across different devices to maintain a seamless user experience.
  • Performance: Keep the block lightweight to avoid impacting page load times, especially on mobile devices.
  • Accessibility: Make sure the block is accessible to all users, including those using screen readers or other assistive technologies.

Usage examples #

  • International Stores: For a store that ships products worldwide, the Country Selector block can be used to allow customers to select their country, which will automatically adjust the currency and shipping options displayed.
  • Mobile Optimization: By using the visibility settings, a store can choose to hide the Country Selector on mobile devices if it is not necessary, thereby simplifying the mobile shopping experience.