Compact Theme – Super Store Finder

Introduction

The Compact Theme - Super Store Finder is a powerful and user-friendly plugin that allows you to create a compact and customizable store locator on your website. With this plugin, you can easily add a store finder to your website that allows customers to search for nearby stores and get directions to their location. In this tutorial, we will walk you through the step-by-step process of setting up and customizing the Compact Theme - Super Store Finder plugin on your website.

Getting Started

To get started, you will need to have the Compact Theme - Super Store Finder plugin installed on your website. If you haven't installed the plugin yet, you can do so by following these steps:

1. Log in to your WordPress dashboard.
2. Click on the "Plugins" tab and then click on "Add New".
3. Search for "Compact Theme - Super Store Finder" in the search bar and click on the "Install Now" button.
4. Once the plugin is installed, click on the "Activate" button to activate it.

Step 1: Configuring the Plugin

After activating the plugin, you will need to configure it to suit your needs. To do this, follow these steps:

1. Click on the "Settings" tab in your WordPress dashboard.
2. Click on the "Compact Theme - Super Store Finder" tab.
3. In the "General" section, you can configure the following settings:
   • "Title": Enter a title for your store locator.
   • "Description": Enter a description for your store locator.
   • "Show Map": Choose whether to show the map on the store locator page.
   • "Map Type": Choose the type of map to use (Google Maps, OpenStreetMap, etc.).
4. In the "Stores" section, you can configure the following settings:
   • "Store List": Choose whether to show the list of stores on the store locator page.
   • "Store Grid": Choose whether to show the grid of stores on the store locator page.
   • "Store Map": Choose whether to show the map of stores on the store locator page.
5. In the "Search" section, you can configure the following settings:
   • "Search Field": Choose whether to show the search field on the store locator page.
   • "Search Button": Choose whether to show the search button on the store locator page.
   • "Search Results": Choose whether to show the search results on the store locator page.
6. In the "Directions" section, you can configure the following settings:
   • "Directions Button": Choose whether to show the directions button on the store locator page.
   • "Directions Modal": Choose whether to show the directions modal on the store locator page.

Step 2: Adding Stores

To add stores to your store locator, follow these steps:

1. Click on the "Stores" tab in your WordPress dashboard.
2. Click on the "Add New" button.
3. Enter the following information for each store:
   • "Name": Enter the name of the store.
   • "Address": Enter the address of the store.
   • "Latitude": Enter the latitude of the store.
   • "Longitude": Enter the longitude of the store.
   • "Phone": Enter the phone number of the store.
   • "Email": Enter the email address of the store.
   • "Hours": Enter the hours of operation for the store.
4. Click on the "Add Store" button to add the store to your store locator.

Step 3: Customizing the Plugin

To customize the plugin, follow these steps:

1. Click on the "Appearance" tab in your WordPress dashboard.
2. Click on the "Customize" button.
3. In the "Customize" section, you can customize the following settings:
   • "Theme": Choose a theme for your store locator.
   • "Colors": Choose the colors for your store locator.
   • "Fonts": Choose the fonts for your store locator.
   • "Layout": Choose the layout for your store locator.
4. Click on the "Save & Publish" button to save your changes.

Step 4: Adding the Store Locator to Your Website

To add the store locator to your website, follow these steps:

1. Click on the "Pages" tab in your WordPress dashboard.
2. Click on the "Add New" button.
3. Enter a title for your page and a brief description.
4. Click on the "Add Store Locator" button.
5. Choose the store locator layout you want to use.
6. Click on the "Add Page" button to add the page to your website.

Conclusion

In this tutorial, we have walked you through the step-by-step process of setting up and customizing the Compact Theme - Super Store Finder plugin on your website. With this plugin, you can easily add a store finder to your website that allows customers to search for nearby stores and get directions to their location. By following these steps, you can create a compact and customizable store locator that is easy to use and visually appealing.