EasyStore integration with SP Page Builder gives you the power to design and customize your store and product pages the way you want. 

Log in to your Joomla backend dashboard. Navigate to Components > SP Page Builder Pro > EasyStore. Alternatively, you can also navigate to Components > SP Page Builder Pro > Pages. In both cases, you will be redirected to SP Page Builder’s backend editor.

By expanding the navbar on the top left and navigating to EasyStore, you'll have the option to edit the Storefront, Single Product, and Collections pages using SP Page Builder for customization. 

For more information on editing the Collections page, you can refer to the detailed documentation.

Storefront Page

A Storefront Page serves as the main landing page of an eCommerce website, showcasing the store's product offerings. It typically features a curated display of featured products, categories, promotions, and essential navigation links, creating a welcoming first impression for customers and guiding them through the shopping experience.

Once in SP Page Builder, under EasyStore click on the Storefront option. You can customize the storefront using all the various EasyStore addons. Click on “Add Elements” and utilize the EasyStore and EasyStore List addons to enhance your storefront page.

The Storefront page provides access to EasyStore addons, listed under the EasyStore and EasyStore List sections. These addons can be used on both Single Product and Storefront pages. These addons are:

1. Cart
2. Pagination Status 
3. Product List
4. Search
5. Add To Cart
6. Add To Wishlist
7. Badge
8. Category
9. Filter
10. Price
11. Ratings
12. Thumbnail
13. Title

Note: Addons specific to the Single Product page cannot be used on the Storefront page.

Single Page

The Single Page focuses on presenting detailed information about a specific product or service. It includes essential elements like high-quality images, descriptions, pricing, specifications, customer reviews, and purchase options. Its purpose is to provide all the information a customer needs to make an informed buying decision.

Similar to the Storefront page, navigate to EasyStore while in SP Page Builder and click on the Single option. You can customize the single product page using the EasyStore addons. After clicking on “Add Elements”, you will see that besides all the addons available while customizing the storefront, such as EasyStore and EasyStore List, you also have a variety of addons specific to single pages under “EasyStore Single”.

The Single product page lets you access dedicated addons exclusively for this page, along with related addons from EasyStore and EasyStore List. These addons are:

1. Add to Cart
2. Add to Wishlist
3. Availability
4. Badge
5. Category
6. Description
7. Dimension
8. Gallery
9. Price
10. Quantity
11. Ratings
12. Review Form
13. Review Summary
14. Reviews
15. SKU
16. Social
17. Specification
18. Tags
19. Thumbnail
20. Title
21. Variants
22. Weight