Mazia - Funiture Resposive Magento 2 themes!

Thank you for purchased our template. This document will guide you use this template. We recommend that you start reading the documentation at the first section. If you have questions about our template, please send us an email. We will support our best to help you!

Magento files structure

The theme package you have downloaded consists of several folders. Let's see what each folder contains:

  • Document -
    contains documentation files.
  • Themes Files
    contains: Base packet, Database, Quickstart packet(Icluded database)
    • Base packet
      contains Magento theme files and directories that should be uploaded to the root directory of your Magento installation.
      • bs_Mazia_template1.0
        contains files and directories that should be uploaded to the root directory of your Magento installation.
        • app
        • lib
        • pub
        • var
    • Database -
      contains database file.
      • Mazia.sql
        the database backup file. Contains the theme sample content.
    • Quickstart packet(Icluded database)
      • Mazia.zip
        contains the complete Magento installation package with engine files, theme and sample content.

Magento 2.3.x technology stack requirements

Operating systems (Linux x86-64)

Linux distributions, such as RedHat Enterprise Linux (RHEL), CentOS, Ubuntu, Debian, and similar.

Memory requirement

Upgrading the Magento applications and extensions you obtain from Magento Marketplaces and other sources can require up to 2GB of RAM. If you are using a system with less than 2GB of RAM, we recommend you create a swap file; otherwise, your upgrade might fail.

Composer (latest stable version)

Composer is required for developers who wish to contribute to the Magento 2 codebase or anyone who wishes to develop Magento extensions.

Web servers

Database

MySQL 5.6, 5.7

Magento is also compatible with MySQL NDB Cluster 7.4.*, MariaDB 10.0, 10.1, 10.2, Percona 5.7, and other binary-compatible MySQL technologies.

Magento only uses MySQL features compatible with MariaDB. MariaDB may not be compatible with all MySQL features, however, so be sure to research compatibility issues before using a feature in your Magento module.

PHP

Magento, with assistance from our community, is implementing PHP 7.2 compatibility for the 2.3.0 release. Any backward-incompatibility issues will be resolved in this release, and all 3rd party libraries now support PHP 7.2. Fully tested 7.2 support will be delivered in following patch releases. If you are interested in participating in Magento Community projects we welcome your help! See our ZenHub board for a full list of outstanding issues.

Required PHP extensions

The PHP installation instructions include a step for installing these extensions.

PHP OPcache

We strongly recommend you verify that PHP OPcache is enabled for performance reasons. The OPcache is enabled in many PHP distributions. To verify if it is installed, see our PHP documentation.

If you must install it separately, see the PHP OPcache documentation.

PHP settings

We recommend particular PHP configuration settings, such as memory_limit, that can avoid common problems when using Magento.

For more information, see Required PHP settings.

SSL

Mail server

Mail Transfer Agent (MTA) or an SMTP server

Technologies Magento can use

  • Redis version 3.2 (compatible with 2.4+ ) for page caching and session storage
  • Varnish version 4.x or 5.2

  • Elasticsearch

    Magento Commerce version 2.3.x supports the following Elasticsearch versions:

    Magento 2.3 uses Elasticsearch PHP client version 5.2. (Before version 2.3, Magento used PHP client version 5.1.)

  • RabbitMQ 3.7.x (compatible with 2.0 and later)

    RabbitMQ can be used to publish messages to queue and to define the consumers that receive the messages asynchronously.

Magento Commerce only

  • Three master databases

    These master databases provide scalability advantages for different functional areas of the Magento application such as checkout, orders, and all remaining Magento2 application tables.

  • php_xdebug 2.5.x or later (development environments only; can have an adverse effect on performance)

There is a known issue with xdebug that can affect Magento installations or access to the storefront or Magento Admin after installation. For details, see Known issue with xdebug.

  • mcrypt
  • PHPUnit (as a command-line tool) 6.2.0

Install composer

You can use Composer to install Magento 2. It is a tool for dependent management in PHP which allows you to declare the dependent libraries your project needs and install them for you. Composer enables you to manage Magento 2, extensions, and their dependencies.

Here are the key advantages for using Composer:

  1.     Easy to integrate third-party components into the code base
  2.     Component-based architecture with robust dependency management
  3.     Reduce extension conflicts and compatibility issues
  4.     Versioned dependencies, semantic versioning
  5.     Supports PHP Framework Interoperability standards
  6.     An alternative to Pear packaging system


Now, download Composer and run its latest version. For more details on further configuration when installing composer, please visit this Composer installation documentation.
Follow the 6 steps below to start Composer installation

Install Composer via this link: https://getcomposer.org/download/

1. Download and run Composer-Setup.exe

2. Click on NEXT to continue

3. Click on NEXT to continue

4. Select the path where php.exe is located with xampp: C:/xampp/php/php.exe and then click on Next button

5. Choose Install

6. Finish: If you see the window is the same as the following one, you installed Composer successfully.

There are two ways to install Mazia Themes:

  1. Base package: Install only template: If you exist a magento website or don't want to use our demo database, you can install only template.
  2. Quick-Start Package: Quick-start package is included Magento 2.3 and Mazia Themes. Supposing that you've just started building a Magento store, you can choose this solution to install demo store with all the sample data (similar to live demo of Mazia) and follow the instruction below.

BASE PACKAGE

1. Prepare Installation

In this guide, We assume that you already have Magento installed, so to prepare installation, you need to do the following steps:

  1. Backup your Magento source files and your store database

    Creating a backup is very imporant before installing theme, especially when you are working on a live site. Please don't ignore this stage

  2. Disable all cache on your Magento site include:
    • Magento Cache (System > Cache Management)
    • Any additional cache on your server, for instance PHP cache engines, APC, ...
  3. Enable Maintenance mode for your store before uploading theme source.

2. Install

  1. Download our theme package files from themesforest. Extract this package and upload folders: app, lib, pub, var from: Themes Files\Base packet\bs_Mazia_template1.0 folder to the root directory ( www, public_html) of your magento folder. You can use a FTP software, such as FileZilla, then logging into your hosting to do it.
  2. Make sure that you upload all theme folders and files successfully. You disable Maintenance Mode for your store.
  3. Go to SSH on server and cd to root magento and run commandlines below:
    • php bin/magento indexer:reindex
    • php bin/magento setup:upgrade
    • php bin/magento setup:static-content:deploy-f
    • php bin/magento cache:flush

3. Import static block and static page

You can import all Pages & Static Blocks. With only one click

Go to "Rokan Themes > Import and Export"

Export

To export static block and static page, you can set options similar with import theme settings. Click Export Block, Export page to export all static block and all page.

Blocks exported will automatic save in folder var.var/cms_blocks.xml, var/cms_pages.xml

Back to Content > Blocks/Pages, You'll see all Static Blocks/Pages imported.

4. Set up Homepage, default theme:

  1. Defaut page: After import all CMS Pages and Static Blocks, Please Go to Stores > Configuration > General > Web. Scroll down to Default Pages tab. In this Tab, choose theme that you want to set it as your homepage and Save config.

  2. Default Theme: Go to Content > Configuration Edit store view. Then select theme that you want to use for your store. Don't forgot press Save configuration button to save your setting.

  3. Go to System > Cache management clear cache.

Quick-Start Package

Quick-start package is included Magento 2 and Mazia Themes. Supposing that you've just started building a Magento store, you can choose this solution to install demo store with all the sample data (similar to live demo of Mazia) and follow the instruction below.

  1. Download package theme (zip file) from themesforset and upload Mazia.zip in folder Quickstart packet(Icluded database) to your website folder. You can use a FTP software such as FileZilla or Cpanel to upload
  2. Extract file: Mazia.zip in folder Quickstart packet(Icluded database) to your website folder where Magento is installed.
  3. Create new database and import database sample. You can use database management tool such as phpMyAdmin to do this step
    • Open your Browse and go to your phpmyadmin or database management tool.
    • Creat database:


    • Import database: Click database you have created. Press Import button. Choose and open file Mazia.sql from folder Database. File may be compressed (gzip, bzip2, zip) or uncompressed.

    • Change site url:

      After imported database please access to core_config_data table, In this table you can see two value: web/unsecure/base_url and web/secure/base_url. Click Edit or you can also edit values by double clicking directly on them to change your store url.


      change site url

    • Open a web browser and enter your domain to run Magento Setup Wizard. On the wizard screen, you do following instruction step by step to set-up your Magento site (refer Magento guides)
    • Finsish install.
    • Run commandl line. You need login ssh and cd to root magento and run commands line below:
      • php bin/magento indexer:reindex
      • php bin/magento setup:upgrade
      • php bin/magento setup:static-content:deploy-f
      • php bin/magento cache:flush

Now you can go to admin page, follow this link: http://your-site.com/admin. Using account information bellow to login.

Codazon Fastest uses CMS Static Blocks and our module to display content of theme. With Static Blocks, you can add text, images, and can be assigned any page layout, group of pages. You can take a look at Homepage Diagram Blocks below, we show static blocks name (CONTENT > Blocks), products module that we use in homepage on the right.

Theme Option

After activating our theme, you can go to Rokanthemes => Theme settings to configure the theme. We will explain what you can do with Theme Options.

General setting

  • Auto Render Style Less: Auto render less css of theme.less when refresh page.
  • Enable page preloader: Show icon loader until complete page is fully loaded, including all frames, objects and images.


  • Page Width: Width of page.
  • Copyright: Copyright information (Show in footer).


Font setting

  • Custom Font: Choose: Yes to custom font.
  • Basic Font Size: Font size of body.
  • Basic Font Family: Font family of body. You can use google font or custom font.
  • Font Family - Custom Fonts: Put value if you use custom font. Select option if you choose google font.

Custom color

  • Custom Color: Choose: Yes to custom color.
  • Basic Colors:
    • Text Color: Color of text.
    • Link color: Color of link text.
    • Link Hover Color: Color of link text when hover.
  • Buttons:
    • Button Text Color: Color of text on button.
    • Button Background Color: Background color of button.
    • Button Hover Text Color: Color of text on button when hover.
    • Button Hover Background Color: Background color of button when hover.

Newsletter Popup

Change newsletter Popup settings in Rokanthemes => Theme settings

You can: enable or disable, set width, set height, background color or background images, change text, in here:

Home page

If you want to creat new page and set it as your home page. In Layout Update XML

Please insert this code:

We included slider_id in this code. slider_id is Identifier in Manage Slider setting.

We call content of home page in: app/design/frontend/bs_Mazia/bs_Mazia1/Magento_Cms/templates/top-home.phtml

Home page 1 demo content: We use static block and Blog post module. You can change content of home pages in this file: add static block, call or remove module...

The way to call the content of different homepages demo is similar. The folder that contain the file in turn will be: bs_Mazia2, bs_Mazia3...

Slideshow

We created a management system very professional slideshow. You can create slideshows with multiple pages.

Home Page Slideshow

To Set up slideshow on homepage. Please going to Rokan Themes > Manager Slider then click button Add Slider then create slidershow that have Identifier same as slider_id you set in Homepage.

like this image

In Setting Slider tab are all options related to Main Slishow

  • Autoplay: Auto run Hompage Slide Show on Main Page
  • Navigation: Show Button Option(True/False)
  • Stop On Hover: Set to 'True', if you want to pause the transaction when the slideshow is mouseovered.
  • Pagination: Show Button Next Back Option(True/False)
  • Scroll Per Page: Option(True/False)
  • Items: Show Number Items of Slideshow on home page.
  • Rewind Speed:Include Rewind Speed
  • Pagination Speed:Include Pagination Speed
  • Slide Speed: Include Slide Speed
  • Items Desktop: Show Slideshow items on Desktop
  • Items Desktop Small: Show Slideshow items on Desktop Small
  • Items Tablet : Show Slideshow items on Tablet

If you need Edit Content and Images of Slideshow. Please going to Rokanthemes > Manage Slider Items Then looking for General tab you need setting:

  • Slider : Select slider your created in tab manager slider if have many slidershow.
  • Status : Enable/Disable
  • Image : Image Slideshow
  • Link Banner :Link banner when you click
  • Banner Text: Include Text banner

Custom menu

We realsed custom menu for Mazia Themes. This custom menu have many option you that can choose

1. Setting module

In admin page. Go to: Rokanthemes/Custom Menu

Menu setting

Enable: Choose Yes if you want custom menu.

Default Menu Type: This is type of menu that will be displayed if you choose Default type in the Menu type option in Catalog/Categories setting

Visible Menu Depth: Show number of sub menu categories.For example, if you set this value to 2, only second level categories will be displayed.

Static Block(before): Set identifier of static block content that will be shown before the default category menu items and after home link.

Static Block(after): Set identifier of static block content that will be shown afer the default category menu items and after home link.

After set identifier of Static Block(before, after). Go to Content => Block and add new block. Make sure that this block have identifier same as identifier that you just set in Custom menu module. Click Show / Hide Editor to put html.

Menu setting

You have to keep HTML structural and class like bellow to make sure it don't break style. If it have submenu, put this HTML tag

                            <div class="open-children-toggle"></div>
                            
after level-top to open submenu in mobile.

Menu setting

If you don't want to use static block in menu, make it empty.

Category Labels: This options are values in Category label and can be assigned to every category in Catalog > Categories > Category Label

Menu labe;

2. Custom sub menu.

With this module, you can easy custom your sub menu.

In admin page, go to: Catalog/Categories then select category that you want to custom submenu. Choose Enable Category and Include in menu. Scroll down, you will see custom menu option.

.

Let see what we can do!

Generate option.

.

Hide This Menu Item: Hidden this category in main menu.

Menu Type: Type of sub menu. We have three type menu: Classic, Full width, Static menu.

- Classic sub menu type: Simple menu, include only categroies.

- Full width sub menu type: Submenu will be show full width (depend on design).

- Static width sub menu type: You can manually set the width of the submenu by put an value in the box Static width.

Sub Category Columns: Column of sub category.

Float: Position of sub menu: left or right.

Icon Image: Insert icon by upload images from your computer. It will be show before category name in main menu.

Font Icon Class: You can input class of font icon on this (Note: Font icon must be included in code folder). With Mazia theme, we already included: Font Awesome and IcoMoon icon font. You can go to there web site, choose icon that you want, copy icon name and paste it to this input.

Add content to sub menu.

With custom menu module, you can add text, images, video, iframe, html tags... into submenu. Let see how to do that.

We have 4 editor's corresponding to 4 positions in the sub menu: top, left, right, bottom. In this ediors you can add content that you want to show in submenu. If you want to add html or insert images, it will easier for you if you click WYSIWYG Editor

Left block width, Right block width: Width of right and left block compared to the total width of submenu.

If you don't want to add content in submenu. Please leave emty Editors top and bottom block and choose Do not show with Left block and Right block

Layered Ajax

Config Layered Ajax

Opcheckout

Config opcheckout

Enable: Choose Yes if you want to add and show Terms and Conditions when customers check out.

Checkbox Text: Label show in check box.

Checkbox Content: Content of Terms and Conditions.

Title warning: Title warning when customers uncheck on Terms and Conditions check box.

Content warning: Content warning when customers uncheck on Terms and Conditions check box.

PRODUCT CAROUSEL.

Configuration setting:

Go to Admin > Rokanthemes > Configuration: You can customize Products configuration with the following product types:

  • New products.
  • Onesale produts.
  • Bestseller products.
  • Mostview products.
  • Feature products.
  • Price countdown products.
All of them have a similar setting structure. General Configuration for: Title, description, OWL Product Carousels and set up to four breakpoints for different screen resolutions.

  • Enable : Enable/Disable Module.
  • Auto : Auto Play products carousels (Yes/No)
  • Title : insert text with the title desired, leave the field empty if you do not want the title displayed.
  • Description : Short descrition display after title.
  • Show Price : Enable/Disable the product price for products in the module.
  • Show Add To Cart : Enable/Disable Add to cart button.
  • Show Add To Wishlist : Enable/Disable Add to wishlist icon.
  • Show Rating : Enable/Disable Review option.
  • Qty Products: the total number of products to be loaded in the carousel.
  • Number Row Show: The number of rows will be displayed.
  • Items Default: Default qty of products items show in each of row.
  • Items On Desktop: Default qty of products show in eache of row in destop (Min width: 992px).
  • Items On Desktop Small: Default qty of products show in eache of row in destop small (Screen from: 769px to 991px).
  • Items On Tablet: Default qty of products show in eache of row in tablet (Screen from: 480px to 768px).
  • Items On Mobile: Default qty of products show in eache of row in mobile (Max width: 479px).
  • Show Next/Back control : Enable/Disable Nex/Back.
  • Show navigation control : Enable/Disable Navigation.

New Product

If you want to display New Product. When create product. Need set Set Product as New from Date. Like this image

Onsale Products

If you want to edit Onsales Products Options. Please Going to. Rokan Themes > Onsale Products

You can see in that code, We've Title, Width, Height...

Best Seller Product

Show product in category name Category_beseller

Mostviewed Product

Show product in category name Category_mostviewed

Credits

Please Note: Images in the main file are replaced by placeholders, all images used for demo purpose only.

Google Web Fonts

Icons

Support

Again! Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free send email to [email protected] or You can Comment on system comment of this item. Thanks you so much!

If our theme catch your required, please help us Vote Our Theme. Your ratings is goodness and encouraging We make more and more productions to end users. Thanks so much more :)