Demos Buy Now

Magento2 Marketplace Responsive Template

After creating world best marketplace plugin for Magento2, we are now going to release Magento2 Marketplace Responsive Template. This theme will support all screens either you are viewing your marketplace store site in iPhone, iPad, Android-based mobile devices or small or big screen devices it will work very fine on all screens.

Features Of Marketplace Responsive Template

  • It will adjust your complete template view in screen format.
  • To adapt the responsiveness of Magento2, we are not editing core template or files, it’s a complete package.
  • working with all third party, modules having responsiveness.
  • Easy to Make a review and contact to the seller.
  • Product image gallery is already included in the template that means for product thumbnails you don’t need to increase the area. Gallery will display rest of the product images in the carousel format.
  • Admin can mark any product as “Featured” and “Seller’s Pick”.
  • Admin can choose the custom product labels for Products.
  • Mega menu supported.
  • Retina based product zooming.
  • Complete flat design.
  • Social media sharing option included.
  • Lightbox product thumbnail zoom.
  • Working with all Magento2 marketplace add-ons and modules.

Installation Of Magento2 Marketplace Responsive Template

Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below.

After the successful installation, you have to run these commands in the Magento2 root directory.

First command- php bin/magento setup:upgrade

Second Command – php bin/magento setup:di:compile

Third Command – php bin/magento setup:static-content:deploy

After running the commands, you have to flush the cache from Magento admin panel by navigating through->System->Cache management as shown below.

Configuration For Multi-lingual Support

For the multilingual support, the admin will navigate through Store->Configuration->General ->Locale Options and select the locale as German (the language into which admin want to translate his store content).

Magento2 Marketplace Responsive Template Translation

If a user wants to translate their module from English to German then they need to follow the path app/code/Webkul/Agorae/i18n in their unzipped Magento2 Agorae folder and will get a CSV file with name “en_US.csv”. Now they will rename that CSV as “de_DE.csv” and translate all right side content after the comma in the German language. After editing the CSV, save it and then upload it to the path app/code/Webkul/Agorae/i18n where they have installed Magento2 on the server. The module will get translated into the German Language. It supports both RTL and LTR languages.

The user can edit the CSV like the image below.

Configuration Of Magento2 Marketplace Responsive Template

Admin will configure the Marketplace Responsive Template under Stores > Configuration > Agorae. Here the admin will configure the settings for the theme as shown below in the snapshot.

After this the admin will navigate through -> Content ->Design ->Configuration to set the layout for the theme.

Here the admin will click on the edit button, after which he can apply a different theme and select the layout for the theme.

After clicking the edit, another page will open up where the admin can select any installed theme to apply as shown below in the snapshot.

Product Settings

Admin can mark any product as “Featured” and “Seller’s Pick” and choose custom product labels for the products.

Home Page Setting

At the homepage, the user can view attractive slider and this can be configured by the admin from the backend.

Admin will navigate through Agorae->Manage Slider Images to set the images for the slider as shown below in the screenshot.

Now the admin will click on the “Add Image For Slider” to add the images for the slider as per the below screenshot.

Add Images For Various Levels Of Categories

Now let us explain how the admin can set images for various level of categories from the admin panel.

In the backend, admin can see top two first level category like the below image.

The third level category will display on the homepage like the image below.

Top third level categories will display on the homepage. Admin will also choose thumbnail images for those categories which will appear on the homepage.

After the third level of categories, top four products of Marketplace will be displayed as shown below in the snapshot.

At the end, top seller’s logo and name will be displayed. The logo which seller sets at their profile, that logo will appear on the homepage and their name.

Agorae Home Page

On the product page, you can see most popular products with Seller details. You can start your shopping from here. In above screenshot, you can see the seller who has sold out their maximum product. Here you can see the different categories at the home page with seller information and most loved stuff from delighted sellers.

Product Page

Here you can see the seller details on the product page.

Category Page Grid View

Here you can see a Grid view of category page with Seller Information, Wishlist, and the Comparable Products.

Category Page List View

List view of category page with Seller Information looks like this screenshot.

Home Page Header Cart

You can see attractive product cart basket at the home page like this screenshot. Here the customer can see their products in the cart basket and from here they can redirect to cart page and proceed to checkout.

Mega Menu

Here you can see the Mega Menu appearing under the Main category – “Women”. The Main category has it’s image and the sub-categories also have their identifiable images.

Sign In

Using this field you can easily login to your account by entering your valid details.

Sign Up

Using this field you can create your account without any difficulties.

Seller’s Collection Page

At the Seller’s Collection page, the user can see products, Seller’s Pick, Reviews, Make a Review and Contact Seller tabs. On the banner, the user can see the seller’s logo, name, and location.

 

The seller can upload Company logo and Company banner from their Seller Profile, you can follow the path My Account -> Seller Profile and upload the logo and banner as per the below screenshot.

Seller’s Pick

Here the customer can view products for which seller had enabled the Seller’s Pick while adding products.

At the front-end, Seller’s Pick is displayed like this image.

How to Add Product Labels

From the backend, the admin will select and upload various labels for products under Stores > Configuration > Agorae >Manage Product Images as shown below in the snapshot.

On the front-end, the seller can choose labels for their products while adding products.

On the front-end, a product with labels appears like the below image.

Seller Profile Page

The customer can see the Seller profile page and can see the reviews made by other customers, can write a new review for the seller, can Contact Seller, can see Seller Policies and can see the Seller’s Location on the Google Maps.

Reviews

The Customer can see reviews written by the other customers on the Seller Profile Page like this way.

Make A Review

The customer can put their reviews very easily. The customer can also rate the seller based on their Price, Value, and quality.

Contact Seller

The Customer can contact the seller using contact seller field.

Seller Policies

Customer can see and read the Seller Policies from here.

 

Seller Location

When the customer will click on “Seller Location” then it will show Seller’s location on the Google Map.

Ask A Question

The customer can ask any question or doubt to the seller by clicking on “Ask a Question” button on the seller profile page.

Seller Contact Form

Seller Store Page

On the Seller Store page, a user can follow that seller, ask a question to that seller, visit their collection page, see reviews made by other customers, can make the new review for that seller, view seller’s location on Google map and contact seller.

When user will click on “Follow”, then that seller will be added as in their “Favourite Seller List”.

That’s all for the Magento2 Marketplace Responsive Template still have any issue feel free to add a ticket and let us know your views to make the module better webkul.uvdesk.com

Current Product Version - 2.0.1

Supported Framework Version - 2.0.x, 2.1.x, 2.2.x

. . .

Comments (2)

Add Your Comment

  • Mohamed Hamza
    I got these errors when i ran :

    php bin/magento setup:upgrade

    [MagentoFrameworkExceptionSessionException]
    Area code not set: Area code must be set before starting a session.

    [MagentoFrameworkExceptionLocalizedException]
    Area code is not set

  • css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Index