Getting Started

After installing and activating the ShopKeys plugin, you can immediately begin enhancing your WooCommerce store using the included Elementor widgets.

3.1 Accessing ShopKeys Widgets

ShopKeys integrates directly into the Elementor editor. To access the widgets:

1. Navigate to any page, post, or WooCommerce template (e.g., Shop, Product, Category).
2. Click Edit with Elementor.
3. In the Elementor panel (left side), scroll down or use the search bar to find ShopKeys widgets.
   • All ShopKeys widgets are in the ShopKeys group.
   • Example: ShopKeys > Product Grid, ShopKeys > Product Table, etc.

3.2 Using a ShopKeys Widget

To add a widget to your layout:

1. Drag and drop any ShopKeys widget into the desired section of your layout.
2. Configure the widget via the settings panel:
   • Content tab: Adjust product source, layout options, and filter parameters.
   • Style tab: Customize colors, typography, spacing, and alignment.
   • Advanced tab: Apply custom margins, motion effects, or responsive visibility.

3.3 Configuring Global Settings

ShopKeys offers a global settings page, it can be found in:

• WordPress Admin > ShopKeys.
• From there you can enable/disable specific widgets using the settings button.

3.4 Elementor Theme Builder Compatibility

ShopKeys widgets are compatible with Elementor’s Theme Builder. You can use them in:

• Shop Archive Templates (e.g., category pages)
• Single Product Templates
• Custom WooCommerce Pages like Cart, Checkout, and My Account

To apply a widget in a theme template:

1. Go to Templates > Theme Builder.
2. Choose the template type (e.g., Single Product).
3. Insert a ShopKeys widget and publish or update the template.