It's time to create new or re-design your websites to bring it to the next level.

Check out Top 110+ Best Free Joomla! templates Listing of 300+ Best Free WordPress themes

Many website owners want their site to have a beautiful and stylish look in order to compete with other websites, therefore, they need to use Page Builder, and SP Page Builder is seemed to be one of the most well-known Page Builder in Joomla community.

Integrating J2store with SP Page Builder, you can show your site product in the layout you designed through using SP Page Builder, as well as allowing you to insert product shortcode to any custom widgets.

Notice: J2store SP Page Builder add-on plugin is fully compatible with SP Page Builder version 2 and 3.

Installation

Step 1: Download J2store SP Page Builder add-on here and go to Joomla installer to install it

Step 2: When the installation is finished, please access Extensions > Plugins and check if the plugin “J2Store – SPPageBuilder” has been enabled or not. If it is not, please enable it.

Use cases

Do you want to display product by SP Page Builder? You can do this with both J2store Product shortcode and Product display module.

Publish Product display module by using SP Page Builder?

Notice: please enable and configure the Product Display module by going to Extensions > Modules.

Step 1: Going to SP Page Builder > Pages and click NEW to create a new page

Step 2: Set the page title and click Add New Row.

Step 3: Click on Add New Add-On

Step 4: From Addons list > Joomla Module.

Step 5: There is a popup window showing, please set Admin title and label, then move to Addon Options to choose Module to the type as well as choose mod_j2products as the Module.

Step 6: Click Apply

You can see the result in frontend:

Use J2Store product shortcode by using SP Page Builder?

Step 1: Go to SP Page Builder > Pages and click NEW to create a new page

Step 2: Set your page title > Add New Row.

Step 3: Click on Add New Add-On

Step 4: There is a popup window appearing, then you will see J2store in the left side menu panel. Click it to see J2store Add-on.

Step 5: Click J2store Addon will show you a popup screen with general settings and style configuration.

Step 6: Set the title and scroll down till you see the option dropdown “Product shortcode tags”. Choose it and type Product ID which you want to show, at the provided textbox beside the Product shortcode tags)

 
Step 7: Click Apply.

That’s it! If you have any other question, please let us know by leaving a comment below, we will reply as soon as possible!

Image Credit: J2store

Are you Web Freelancer or Web Design Company? Join our Club and Access our Resource!

Access 500+ PRO Premium Joomla! and WordPress themes with $19,200 just $149, Quickstart Package included!

Get 60% Discount for Membership plan!

Access Life-time All-In-One Membership with 500+ Premium WordPress themes and Joomla templates just $159.60 (instead of $399) after discounted! Life-time Access, Download and Support, One-time Payment, No Renewal. Coupon code: REMOTEWORK

Join All-In-One Club with 60% OFF on today!

We’re with you! We're offering 60% Discount on all purchases due to the impact of COVID-19! Code: REMOTEWORK More Details
We’re with you! We're offering 60% Discount on all purchases due to the impact of COVID-19! Code: REMOTEWORK More Details