Payment Methods
Apps

Docs

No results for undefined
Powered by Algolia

FLEXIcontent

Introduction

The plugin integrates Flexicontent with J2Store, thus adding E-commerce capability to Flexicontent.

Requirements

  • PHP 5.3 or higher
  • Joomla 3.x
  • J2Store 3 or above
  • FLEXIcontent
  • j2storeflexicontentunzip ( Extract this package to get installation packages )J2Store Flexicontent Fields ( plgflexicontentfieldsj2store )System J2Store ( plgsystem_flexicontentj2store )

Installation Instructions

Note: When you download the j2storeflexicontentunzip package, first unzip the package to get two zipped packages. These two packages are most important and need to be installed and enabled.

  1. Unzip the Package “j2storeflexicontentunzip.tar.gz” downloaded from j2store.org and you will get two packages: plgflexicontentfieldsj2store.tar.gz and plgsystem_flexicontentj2store.tar.gz.
  2. Use the Joomla extension manager to install both the plugins, one by one.
  3. Go to Extensions -> Plugin Manager -> Filter : Select type flexicontent_fields -> Select the Plugin FLEXIcontent - Flexicontent fields J2Store and enable the System Plugin.
  4. Go to Extensions -> Plugin Manager -> Filter : Select type system -> Select the Plugin System J2Store Flexicontent and enable the System Plugin.

Backend

Creating J2Store Field

  1. Go to Flexicontent dashboard, there you will find list of icons. Click on the New Field icon. You will be taken to create field view, here you have to enter the basic required fields. step1

step-2

  1. Now enter the label as J2Store Cart and name as j2store.
  2. Set Published to Yes and Choose the Flexicontent fields J2Store from the drop down list for Field type.

step-3

  1. Now choose the Types as article.
  2. Save the changes.

Now you can see the J2Store field added and listed successfully.
fieldlist

Adding Flexicontent Item

  1. Go to Flexicontent dashboard, Click on the New Item icon. A pop-up window will open asking you to Select the type. Click Article. You will be redirected to New Item. Here you can see the tab Item type : Article and inside the tab you can see the j2store custom field added. Now, you can see j2store field added into the flexicontent item. Your flexicontent item is integrated with J2Store. Set Yes to Treat as a product option and click on Save. create item-article new-item after-save
  2. After successfully saved, your product is created and you can configure the product with the product specific details, change the product type, set prices, etc.
  3. Save the changes.

Frontend

Adding j2store custom field into templates

  1. Go to Flexiconent dashboard and click on the templates icon. You will find a list of templates. Now you have to select the template in which you want to add the j2store cart by dragging the j2store field into the template.

templates

  1. Now click on the template you want to edit, for eg., if you are using blog template to display the list of category items. Click on the category layout of blog item in the template folder(refer the screen shot).

before-drag after-drag

  1. Now click on the template you want to edit, for eg., if you are using blog template to display the list of category items. Click on the Item layout of blog item in the template folder(refer the screen shot).

darg item-view Creating menu

  1. Go to Menus -> Main Menu -> Add New Menu Item. Now you need to select the menu item type. To do this, click on the Select button next to the Menu Item Type label. Select the Flexicontent and choose Categories. Choose the list of categories you want to display in the front end, from the list. shop
  2. In Flexicontent layout Items Tab -> choose the layout (Make sure j2store field is added in your template) shop-menu
  3. Save the changes.

Category List

Go to frontend, click on the menu you have created to display the flexicontent items. options

In backend, go to Flexicontent dashboard. Select fields -> J2store -> Edit. In the right side, you can see J2Store column. Below that you can see Category view. Here, you can set to show or hide the product options and images in the frontend. You can also set the type of images to be displayed, like, thumbnail, main or more images. Note: You can set the display options for Item View also.

fc-step18

Item view

In Flexicontent item view, J2Store field is displayed, as shown in the image below:

view Cart View

From flexicontent, when you add items to cart, your products will be added to the cart and listed as shown in the image:

flexicntent