Locations

This component allows you to display the Locations that you have added in your store’s admin panel within Settings > Checkout > Locations.

The options for you to customize this component are the following:

Locations to display

Allows to define which type of locations will be displayed in the component:

• All locations: the entire list of locations you have will show.
• Pickup locations: only the ones marked as Pickup will show.

Note: The Local Pickup feature it’s only available to be used when using the Standard checkout version, which you can verify by going to Settings > Checkout > Checkout Form in your store’s admin panel.

---

Columns on desktop

Allows to define the amount of columns in which locations will arrange on desktop devices.

On mobile devices, locations will stack vertically stretching of the full width of the browser window.

The way in which they arrange will be based on the definitions of the follow table:

Device / Option value	3 columns	2 columns	1 column
Desktop (Equal or greater than 992px)	3 columns per horizontal row	2 columns per horizontal row	1 column, stacked vertically
Tablets (Equal or greater than 576px)	2 columns per horizontal row	2 columns per horizontal row	1 column, stacked vertically
Mobile (Equal or lower than 575px)	1 column, stacked vertically	1 column, stacked vertically	1 column, stacked vertically

---

Alignment

Here you will find options to define the alignment of the location’s content for both desktop and mobile devices.

---

Heading options

By enabling this, a Heading section will be displayed before the component’s content. You can find the list of options in this page.

---

Information

This group contains options that let you choose which contact details to display:

• Email
• Phone → Optional. If the location field is empty nothing will be displayed.
• Address → Displays the full address of the location, which will be clickable and take to Google Maps.

Details Popup

Allows to display a link that will open a Popup window on click with all of the location details.

When enabled, the following options will become visible:

• Link text → text that will display in the link.
• Address map → displays a Google Map inside the Popup window, based on the full address defined at the location settings.

Note: The content of the Description and Instructions fields that are available for any location markes as Pickup will also be displayed within this Popup.

---

Card options

This group contains options that let you choose if the locations will have a “card” style applied.

• Card style: Enables the style.
• Space between: Allows you to define if there will be space between the cards. Will only be visible and available to be used if what’s defined at the Spacing option in Theme settings > Design > Theme styles is any other than None.
• Border: Displays a border all around the cards.
  • Border opacity: Allows to define the opacity or transparency of the border.
• Card content colors: Allows to choose the Color Pack for the cards.

---

Appearance

This group contains the following options to customize the component:

• Top margin: Allows to control the upper margin of the section.
• Bottom margin: Allows to control the lower margin of the section.
• Content colors: Allows to choose the Color Pack for the component.

---

Animations

The Customize options allows to adjust the animations for this specific component. You can read which ones are available in this page.