Store locator section settings
You can add this section on homepage or other pages that you use or you can create separate page and named it our stores
Create page Our stores in pages
Add a title, make it visible
Navigate to theme customizer/Pages
Create template in pages
Give a name for example “Our stores”
After you will see it in the list
Assign in admin our stores page to our store template (Choose our stores template from the list and click Save)
You will have page template, and you can add Store locator section
- Click “Add section”
- Search and select “Store locator”
Demo example
Select a setting described in the following table:
Our store section settings
| Settings | Description |
| Container color scheme | Select a color scheme to style the container within the section. This controls the background inside the container. |
| Switch container background | Within each color scheme, you can define a secondary background in addition to the main background. When you enable Switch container background, the main background of the container changes to the secondary background. |
| Color scheme sidebar | The Color Scheme Sidebar allows to easily customize the look of store's sidebar by selecting predefined color palettes, ensuring a consistent and visually appealing design throughout the site. |
| Marker color | Pick a color for the store location marker on the map |
| Black map | Toggle on to display a black-themed map, or toggle off for a white-themed map. |
Section padding
| Setting | Description |
| Top padding | The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider. |
| Bottom padding | The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section. |
| Top padding mobile | The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider. |
| Bottom padding mobile | The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices. |