# Shop Page Template

**Getting Started**

To operate this feature, you can follow these steps:

Navigate to your WordPress Admin Dashboard.\
Click on “Edwiser Bridge Pro” in the menu.\
Select “Settings” from the submenu.\
Ensure that the “WooCommerce Integration” add-on is enabled under “Pro Features.”\
Click on “Templates.”\
You can find the “Templates” option under the “Edwiser Bridge Pro” settings, as shown in the attached screenshot below.

Let’s dive into setting up your shop page template for the first time with ease.

1a. Applying Shop Page Template: Click on the enticing “Use this template” button under the Shop Page Template section. You’ll be prompted with a question: “Are you sure you want to ‘Restore’ this page?” Embrace the transformation and confidently click on “Yes” to proceed.

.

1b. If you’d like to make changes to the current Shop Page template, kindly select the “Edit” option.

.

.

2\. Configuring Elements: Navigate to the Elements section and scroll down to find the Edwiser Bridge Pro options for the Bridge Pro Shop Page.

3\. Building with Elementor: Leverage the power of Elementor’s drag-and-drop interface. Simply drag and drop the Edwiser Bridge ShopPage element onto your canvas.

.

.

4\. Customizing Content Settings: Tailor the content settings to match your site’s specific requirements. Style the title to captivate your audience and add compelling title text that resonates with your brand.

5\. Enhancing Visual Appeal: Infuse personality into your shop page with captivating background images. Adjust the images to perfection, ensuring they complement your site’s aesthetics seamlessly.

6\. Fine-Tuning Product Display: Adjust the number of products displayed per page to optimize user experience. Enable sorting options to empower users to find products based on their preferences. Choose whether to show result counts, providing valuable insights to your customers.

.

.

**Crafting Course Card Settings**

Customize course card settings with precision: Toggle options to show or hide category, short description, rating, and enrollment status. Empower users with a ‘View’ button to explore course details effortlessly.

.

Configuring the ‘Buy Now’ Button: To streamline the purchasing process, configure the ‘Buy Now’ button in WooCommerce Integration settings. Enable One-Click Checkout for a seamless experience and customize the button text to resonate with your audience.

.

.

Once you’ve tailored the template to match your site’s requirements, just click the ‘Publish/Update’ button to save your changes. Then, head to “Display Conditions,” set the inclusion to “Shop Page,” and click on “Save & Close.”

.

.

*Note: On the shop page under product, the number of enrolled students will not be displayed if the WooCommerce product has more than one associated course.*

#### Doc navigation

[Product Page Template >](broken://pages/Oz39amUebxSAqPtL7gi8)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://remui-docs.edwiser.org/eb-woocommerce-integration/shop-page-template.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.