Quantcast
Channel: Webkul Blog
Viewing all articles
Browse latest Browse all 5537

Xtremo Responsive Theme for Magento 2

$
0
0

Xtremo is a premium theme for Magento 2 store. The theme is responsive, beautiful, and customizable. Xtremo theme is suitable for any type of store including the Marketplace. On the homepage, you can view a multi-image banner slider with URLs. Display carousel style products – featured, top-rated, tailored, discount & sale.

The Xtremo theme looks amazing on any type of devices – desktop, laptop, tablet, or mobile. Due to its responsive nature, the theme will adjust itself on any device resolution.

Note – If you have Magento 2 Multi-Vendor Marketplace module installed then, please follow Marketplace-patch Step 1: (b).

Features

  • Responsive to every device resolution.
  • Show the multi-image banner slider with embedded URL.
  • Product carousels – featured, discount & sale, top- rated, tailored.
  • Customizable header menu links.
  • Mega Menu for categories.
  • Select categories for product search.
  • Add social media links in the footer.
  • Popular categories on the homepage.
  • Retina based product zooming.
  • Social media sharing options included.
  • Upload default placeholder image for the category.
  • Customize homepage is using CMS blocks and widgets.
  • Works very well with Multi-vendor Marketplace.
  • The module source code is open for customization.
  • Supports multiple languages translations.

Installation

To install this extension, please follow each and every step carefully as follows:

Step 1: (a) – Non-Marketplace Store

After extracting the downloaded zip file and you will get the src folder. Inside src folder, you will find two folders. One app folder and other will be Marketplace-patch folder, copy the app folder to the Magento 2 root directory. Please view the below screenshot.

Step 1: (b) – Marketplace Store

After opening the src folder, go to Marketplace-patch folder and copy the app folder to the root directory of Magento 2 directory. Please Note – This app folder will only work for the marketplace.

Step 2:

After copying the app folder, you need to run the commands in the Magento2 root directory. Please view the below screenshots:

php bin/magento setup:upgrade

Magento2 Admin Buyer Chat command

php bin/magento setup:static-content:deploy

Magento2 Admin Buyer Chat command

Step 3:

After running the commands, you need to flush the cache and reindex all from the Magento2 admin panel. Navigate through System>Cache Management. Click Flush Magento Cache button as shown below:

Magento2 Cache Management

Multi-Lingual Configuration

For Multilingual support, please navigate. Store>Configuration>General >Locale Options. And select your desired language from the Locale option.

Magento2 Change Language

Language Translation

If you need to do the module translation, please navigate the following path in your system. app/code/Webkul/Xtremo/i18n. Open the file named en_US.CSV for editing as shown in below screenshot.

Magento2 Change CSV language file

Once you have opened the file for editing. Replace the words after the comma(,) on the right with your translated words.

Magento2 Change Language

After editing the CSV file, save it and then upload it to the same folder. Now your module translation is complete.

Magento2 Change CSV Language file

Module Configuration

After the module installation, the admin needs to go the Xtremo theme module configuration. Go to Stores>Configuration>Xtremo Configuration. The following page will appear.

Header Settings

Phone Number – Enter the store phone number to show on the header menu.

Select CMS Pages – Select which store pages link to show on the header.

Display Category Drop-Down Search Bar – Select Yes to allow customers to search according to the categories.

Select Categories for Top Search – Select which categories will appear in the drop-down search menu.

Footer Settings

Add social network links for the footer. The store owwner can external links for Twitter, Google Plus, Facebook, LinkedIn, and Instagram.

Homepage Settings

Category Placeholder Image – Upload default placeholder image for the categories which have no image.

CMS Content Settings

Blocks

The admin can customize the homepage and footer content of the theme using the following blocks. Go to Content>Blocks, and select and edit the block as visible in the screenshot.

Widgets

To customize the widgets of the Xtremo theme, go to Content>Widgets and edit following widgets.

Product Carousel

Go to Products>Catalog, select and Edit any product. The following options will be visible, select Yes to include the product in the carousel, else select No.

Category Settings

Go to Products>Categories, select and Edit any category. Select Yes/No options for the homepage.

 

Front-End View

Home Page View

This is how home page will appear on the front-end. The homepage will show the banner slider, header links, category menu, various product carousels, and popular categories of the store.

Category Page (Grid View)

The category page showing various products in grid view layout. The customers can use filters and sort by options for searching the products. Advanced layer navigation allows the customers to find products easily.

Category Page (List View)

The customers can view the category in list layout for more detailed product information.

Product Page View

The product page is completely redesigned, the customers can view product information, reviews, images, and, ratings.

Product Compare Page View

The customers can do the comparison between the two or more products of the store. Following is the product comparison page.

My Wishlist Page View

Here’s the customer wishlist page, the customer can edit the quantity, add the product to cart, update wishlist, and share the wishlist with friends. The customers can also add a comment for their wishlist products.

Shopping Cart View

The shopping cart page of the store showing summary for shipping and tax.

Login and Sign Up Page View

Here is the Login and Sign Up page will appear for the customers.

Xtremo Marketplace

The Xtremo theme for Magento 2 works very well with the Marketplace. Please view the following screenshots to see how the marketplace will appear in Xtremo theme.

Seller Profile Page View 

The seller profile page showing lots of details about the seller.

Seller Collection Page View

Seller collection page for viewing all the products of a seller at one page.

 

Marketplace Dashboard Page View

Amazing looking marketplace dashboard page for the sellers showing all the basic information about their store.

Mobile View

Responsive Theme

The Xtremo theme is compatible with all the devices resolutions. The layout, banners, carousels, menu, and everything adjust itself according to the viewing user device.

Homepage View

Product Page

Category Grid View

Category List View

Sort By Options

 

Filter Options

Login Page

Sign Up Page

Header Menu

Account Menu

Category Menu

Shopping Cart View

My Wishlist

Thank you for viewing this blog. If you have any query or need more information, please visit webkul.uvdesk.com


Viewing all articles
Browse latest Browse all 5537

Trending Articles