Welcome to FastFashion - Multipurpose Responsive Magento 2 Theme!

We would like to thank you for purchasing FastFashion Magento 2 Theme! We are very pleased you have chosen FastFashion Magento 2 Theme for your website, you will be never disappointed! Before you get started, please be sure to always check out this documentation.


Compatible with Magento:

FastFashion is fully compatible Magento Open Source 2.1.x, 2.2.x, 2.3.x


Magento 2 Help:

System Requirements

Installation Guide

Online Magento 2 guide

Magento Forum

magento.stackexchange.com

HiddenTechies Blog

FastFashion is fully responsive Magento 2 Theme dedicated for all stores selling clothes, furniture, watches, Jewelry, food ,etc. It has many attractive animations, modern and attractive design.

This Magento 2 theme has advanced features which will make your website becomes more professional with clean and classy layouts. It is fully responsive and looks stunning on all types of screens and devices.

Key Features

  • Magento 2.0 Ready!
  • Fully Responsive
  • Touch Optimized Slideshow
  • Cross Browser Compatibility
  • Featured Product List
  • Off Canvas Menu
  • Powerful Admin Panel
  • Auto Install Demo Content
  • Avoid Javascript Confliction
  • No Core Modifications
  • Easy Use and Easy Customize
  • Well-structured and commented code for easy customization

Unleash your creativity and build something amazing with FastFashion - Multipurpose Responsive Magento 2 Theme

To install the theme follow the instructions below:


Prepare Installation

We recommend you to duplicate your live store on a development store and try installation on it in advance.

Backup Magento files and the store database.

Disable all cache related section that you have in your Magento.


Theme Installation

1. Download theme package from your my account page

2. Copy(upload) files and folders from theme archive to your Magento 2 root directory

3. In command line, using "cd", navigate to your Magento 2 root directory

4. Run below commands

  • php bin/magento setup:upgrade
  • php bin/magento setup:static-content:deploy -f

5. Flush store cache and log out from the backend and log in again to see changes./p>

6. Your theme is now installed and ready for work.

7. Select your HiddenTechies FastFashion theme in Content > Design > Configuration page for Magento 2.1.x, 2.2.x, 2.3.x version.

Step 1 FastFashion  - MultiPurpose Responsive Magento 2 Theme Settings
Step 2 FastFashion  - MultiPurpose Responsive Magento 2 Theme Settings
Step 3 FastFashion  - MultiPurpose Responsive Magento 2 Theme Settings

Note: Once you done with the theme selection than save settings and clear cache.

FastFashion provides very easy one click demo installation.

In order to do demo installation, first you should import CMS Pages, Static Blocks and Demo Slider data.

To Import CMS Page, Static Blocks and Demo Slider data follow the steps.

Step 1: Now go to HiddenTechies - FastFashion > Theme Configuration > Installation.

Step 2: If you want to import page and blocks for specific demo then select the "Demo Version" or select "All" to install all page and blocks.

FastFashion  - Select Demo Version

After selecting Demo Version, click on  Save Config  button.

Step 3: If you want to override existing CMS Pages and Static Blocks, then select "Yes" for "Overwrite Existing Blocks" and "Overwrite Existing Pages".

FastFashion  - Import Static Blocks and CMS Pages

Now click on  Save Config  button.

Step 4:

Click  Import Static Blocks  to import all Static Blocks.

Click  Import CMS Pages  to import all CMS Pages.

Click  Import Slider Demo  to import Demo Slider data.

Step 5: Click  Demo X  button to install demo version that you prefer to install.

FastFashion  - Import Static Blocks and CMS Pages

Next to that flush the cache.

Note: After demo import do not save the config. First flush the cache.

If you need to customize the theme, we recommend you to create the child theme.

How To Create A Child Theme?

FastFashion  - Child Theme

Below steps define how to create a Magento 2 child theme.

For FastFashion Theme

Vendor name: Hiddentechies

Parent Theme name: hiddentheme040

Step 1: Create child theme folder named as {parent-theme-name}_child in the below folder path.

"app/design/frontend/{theme-vendor-name}/{parent-theme-name}_child"

Ex: Magento root folder/app/design/frontend/Hiddentechies/hiddentheme040_child

Step 2: Create file theme.xml inside the child theme.


<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
    <title>Hiddentechies FastFashion  Child</title>
    <parent>Hiddentechies/hiddentheme040</parent>
    <media>
        <preview_image>media/preview.jpg</preview_image>
    </media>
</theme>

                    

Step 3: Create a registration.php file for registering your child theme.


<?php

\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::THEME,
    'frontend/Hiddentechies/hiddentheme040_child',
    __DIR__
);

                    

Step 4: Create composer.json.


{
    "name": "hiddentechies/theme-frontend-hiddentheme040-child",
    "description": "N/A",
    "require": {
        "php": "~5.6.5|7.0.2|7.0.4|~7.0.6",
        "magento/theme-frontend-blank": "100.1.*",
        "magento/framework": "100.1.*"
    },
    "type": "magento2-theme",
    "version": "100.1.3",
    "license": [
        "OSL-3.0",
        "AFL-3.0"
    ],
    "autoload": {
        "files": [
            "registration.php"
        ]
    }
}

                    

Step 5:

Add preview.jpg in "app/design/frontend/Hiddentechies/hiddentheme040_child/media" folder.

Add view.xml in "app/design/frontend/Hiddentechies/hiddentheme040_child/etc" folder.

You can copy both file and image from parent theme.

How To Use A Child Theme?

Go to Admin > Content > Design > Configuration

FastFashion  - Use Child Theme

Now click on "Edit"

FastFashion  - Use Child Theme

Choose the child theme(Hiddentechies FastFashion Child) from dropdown menu.

FastFashion  - Use Child Theme

And click on  Save Configuration  button.

Homepage Content Configuration

How to select or change a Homepage?

In order to select or change Homepage, Go to Admin > Store > Configuration > General > Web > Default Pages tab, choose the page in CMS Home Page field.

FastFashion  - Select Or Change Homepage

And click on  Save Config  button.

How to add/edit homepage slider?

FastFashion theme provides extension to Manahe Slider and its slides.


Manage Sliders:

To edit home page slider, please go to Admin > HiddenTechies Bannerslider > Manage Slider

FastFashion  - Manage Slider

Go to "Edit" slider. Here you can edit slider settings.

FastFashion  - Edit Slider

If you want to add new slider then click on Add New  button, fill the required details and save the slider.


Manage Slides(Banners):

To add/edit slider's banners, please go to Admin > HiddenTechies Bannerslider > Manage Banner

FastFashion  - Manage Banner

Go to "Edit", if you want to edit in existing slide. Or click on Add New  button to create new slide.

FastFashion  - Edit Banner

Add the required details.

Slider: Select the slider in which you want to add this slide.

Name: Slide name.

Type: Select the slide type image or youtube video.

Video Url: If your slide contains video then add youtube video's embed url.

URL: Add hyperlink url for slide.

Image: Upload banner image.

Banner Text: Add text to display on slide.

Disable for Mobile: If yes, slide will disable for mobile.

After adding required details click on Save Banner  button.


How to add slider in Home Page?

Step 1: Go to edit CMS home page that displays content on home page.

Step 2: Go to "Edit" Home Page.

FastFashion  - Edit Home Page

Step 3: Click on  Insert Widget...  button and select "Hiddentechies Bannerslider" from Widget type dropdown.

FastFashion  - Add Slider Widget

Step 4: Select the slider and its layout (full width or box width) from dropdown fields. Now click on Insert Widget  button.

FastFashion  - Add Slider Widget

Step 5: Save the CMS page.

FastFashion  - Home FastFashion  Slider
How to show "Trending Products" in homepage?

Add "Trending Products"

To add trending products on home page, you need to add product widget in home page.

In order to add widget follow the below steps.

Step 1: Go to edit CMS home page or static block that displays content on home page.

Step 2: Click on  Insert Widget...  button and select the widget type "Catalog Products List".

FastFashion  - Homepage Insert Widget FastFashion  - Homepage Select Fatured Product Widget

Step 3: Add necessary details.

Title: Add title.

Number of Products to Display: Add how many products you want to display in widget.

Conditions: Select "Is Featured" to "Yes". (Note: You need to select "Is Featured" attribute "Yes" in the products.)

FastFashion  - Homepage Insert Featured Product Widget

And click on  Insert Widget  button.

Or you can add the block code into the cms content field like below.

                        
{{widget type="Magento\CatalogWidget\Block\Product\ProductsList" title="Trending Products" show_pager="0" products_count="8" template="product/widget/content/grid.phtml" conditions_encoded="^[`1`:^[`type`:`Magento||CatalogWidget||Model||Rule||Condition||Combine`,`aggregator`:`all`,`value`:`1`,`new_child`:``^],`1--1`:^[`type`:`Magento||CatalogWidget||Model||Rule||Condition||Product`,`attribute`:`is_featured`,`operator`:`==`,`value`:`1`^]^]"}}
                        
                    
FastFashion  - Homepag Featured Product Widget
How to show latest(new) products in homepage?

Add New Products

To add new products on home page, you need to add new product's widget in home page.

In order to add widget follow the below steps.

Step 1: Go to edit CMS home page or static block that displays content on home page.

Step 2: Click on  Insert Widget...  button and select the widget type "Catalog New Products List".

FastFashion  - Homepage Insert Widget FastFashion  - Homepage Select New Product Widget

Step 3: Add necessary details.

Number of Products to Display: Add how many products you want to display in widget.

FastFashion  - Homepage Insert New Product Widget

And click on  Insert Widget  button.

Or you can add the block code into the cms content field like below.

                        
{{widget type="Magento\Catalog\Block\Product\Widget\NewWidget" display_type="all_products" show_pager="0" products_count="8" template="product/widget/new/content/new_grid.phtml"}}
                        
                    
FastFashion  - Homepage New Product Widget
Recent Posts

To edit this block, go to Admin > Content > Elements > Blocks and edit "Demo1 Home Blogs".

To add latest news block, use below code into the cms content field.

                        
{{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="hiddentheme040_demo1_home_blogs"}}
                        
                    

Magfan Blog extension is compatible with FastFashion theme. So, if you have installed Magfan Blog extension then use below code into cms content field.

                        
{{widget type="Magefan\Blog\Block\Widget\Recent" title="Latest Posts" number_of_posts="5" category_id="0" tag_id="0" author_id="0" type_name="Recent Blog Posts"}}
                        
                    
FastFashion  - Home Blogs
Testimonials Block

To edit this block, go to Admin > Content > Elements > Blocks and edit "Demo1 Home Testimonials".

To add testimonials block, use below code into the cms content field.

                    
{{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="hiddentheme040_demo1_home_testimonials"}}
                    
                    
FastFashion  - Home Testimonials
Shop By Brand Block

To edit this block, go to Admin > Content > Elements > Blocks and edit "Demo1 Home Brands".

To add brands block, use below code into the cms content field.

                    
{{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="hiddentheme040_demo1_home_brands"}}
                    
                    
FastFashion  - Home Brands
Other Content Blocks

1. To edit below block, go to Admin > Content > Elements > Blocks and edit "Demo1 Home Promotion Block One".

To add, use below code into the cms content field.

                        
{{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="hiddentheme040_demo1_home_promotion_one"}}
                        
                    
FastFashion  - Home Promotion Block One

2. To edit below block, go to Admin > Content > Elements > Blocks and edit "Demo1 Home Promotion Block Two".

To add, use below code into the cms content field.

                        
{{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="hiddentheme040_demo1_home_promotion_two"}}
                        
                    
FastFashion  - Home Promotion Block Two

How to change Logo?

Go to Admin > Content > Design > Configuration > Edit your theme > Header Tab

Logo Image: Upload your logo.

Logo Attribute Width: Add logo width.

Logo Attribute Height: Add logo height.

Welcome Text: Welcome texts in header.

Logo Image Alt: Logo Alt texts. It will display if in case logo image is not found.

FastFashion  - Change Logo

Click on  Save Configuration  button.

How to change Favicon?

Go to Admin > Content > Design > Configuration > Edit your theme > HTML Head Tab

Favicon Icon: Upload your favicon icon with one of below file types.

Allowed file types: ico, png, gif, jpg, jpeg, apng.

FastFashion  - Change Favicon

Click on  Save Configuration  button.

FastFashion theme comes with advanced mega menu. Please read detailed instructions to use menu as per our demo site.

Megamenu Settings

Please Go to Admin > Stores > Configuration > Hiddentechies > Megamenu

FastFashion  - Menu Configuration

1. Set/Change the header type.

2. Add static block identifier to add extra menu links from static block. We have added two static blocks in demo to add extra links in menu.

3. Enable/Disable sticky menu.

4. Enable/Disable home link and you can also display icon for home link.

5. Set default menu type for all menu items.

6. Show category labels such as "New", "Hot!", "Sale" as our demo site.

How to add Full-Width mega menu?

Follow the steps.

Step 1: Add new category and its sub-categories for downdown content.

Step 2: Now select the 1st level category. And expand the "Mega Menu" tab.

FastFashion  - Full-Width Menu

Step 3:

Set the "Menu Style" Full Width.

Set the "Sub Category Columns" to display number of sub category columns in downdown. For ex, 4 Columns.

How to add Static Width mega menu?

Follow the steps.

Step 1: Add new category and its sub-categories for downdown content.

Step 2: Now select the 1st level category. And expand the "Mega Menu" tab.

FastFashion  - Static-Width Menu

Step 3:

Set the "Menu Style" Static Width.

Set "Static Width" for the static width mega menu as your requirement. For ex, 600px.

Set the "Sub Category Columns" to display number of sub category columns in downdown. For ex, 3 Columns.

How to add Classic dropdown menu?

Follow the steps.

Step 1: Add new category and its sub-categories for downdown content.

Step 2: Now select the 1st level category. And expand the "Mega Menu" tab.

FastFashion  - Classic Menu

Step 3:

Set the "Menu Style" Classic.

How to add static content or image in mega menu?

You can also add the custom content like text or images in menu downdown. The possible options are Header Block, Left Block, Right Block and Footer Block of the link's columns.

FastFashion  - Menu Add Custom Blocks

You can set with for Left and Right blocks. Set Block Width that you prefer to add image or custom content as right/left of the columns. For example, set 4/12 (means it will take 4 columns area from 12 columns).

FastFashion theme provides advanced and most powerful "Footer Configuration".

Footer Settings

Please Go to Admin > Stores > Configuration > FastFashion Theme > Theme Settings > Footer

Footer Top

FastFashion  - Footer Top

Enable Footer Top: Enable/Disable footer top section.

Footer Top Static Block: Add static block identifier to display content from static block.

FastFashion  - Footer Top Frontend

Footer Columns

FastFashion  - Footer Columns

Enable/Disable footer columns block.

Add static block identifier for each column to display content from CMS static block.

You can set necessary footer width for each column. For example,if you set 3/12 (means it will take 3 columns area from 12 columns).

Frontend

FastFashion  - Footer Columns Frontend

Footer Bottom

FastFashion  - Footer Bottom

Enable/Disable footer bottom.

Add static block identifier to display static content left, right and center in the footer bottom.

Please Go to Admin > Stores > Configuration > FastFashion Theme > Theme Settings > Category Page

FastFashion  - Category Page Configuration

Enable Alternate Image: Enable/Disable alternative image on product item hover.

Enable Aspect Ratio For Image: If yes, then image height is set respected to the given width in configuration.

Image Width: Add image width.

Image Height: Add image height.

Add Image Border: If yes, border added around the image.

Enable Cart: Enable/Disable add to cart button.

Display Only Cart Icon ?: If yes, display only cart icon instead of text for cart button.

Enable Wishlist and Compare: Enable/Disable wishlist and compare buttons.

Show Product Rating: Enable/Disable product ratings.

Product Columns: Change the number of products(3 or 4) display in one row for category page.

Show New Label: Enable/Disable new label.

Show Sale Label: Enable/Disable sale label.

Sidebar Promotion Static Block: Add static block identifier to display content in category page sidebar.

Please Go to Admin > Stores > Configuration > FastFashion Theme > Theme Settings > Product Page

FastFashion  - Product Page Configuration

Show New Label: Enable/Disable new label.

Show Sale Label: Enable/Disable sale label.

Enable Wishlist and Compare: Enable/Disable wishlist and compare buttons.

Enable Email To Friend: Enable/Disable email to friend button.

Promotion Static Block: Add static block identifier to display extra content on product page.

Custom Tabs: FastFashion theme provide options for adding two custom tabs on product page.

You can add/display content in two ways in custom tans

1. Product attribute value (Add attribute code in tab identifier field)

2. CMS static block content (Add static block identifier in tab identifier field)

FastFashion is equipped with administrative module which gives you the ability to configure most of the functionality in powerful admin panel. Using this powerful settings panel, you can configure your store easily without any coding.

Please Go to Admin > Stores > Configuration > FastFashion Theme > Theme Settings

Header
FastFashion  - Header Settings

Top Promotion Text: Add promotion text at the top of header.

Header Static Block: Add static block identifier to add extra info in header from static block.

Contact Info
FastFashion  - Contact Page Settings

Enable Google Map: Enable/Disable google map.

Google Map Iframe Code: Add your store location's google map iframe.

Staic Block: Add static block identifier to show content from static blocks on contact page.

Add This (Socials)
FastFashion  - Add This (Socials)

Enable: You can enable/disable "Add This" socials.

Addthis Pub ID: Add "Add This" Pub Id.

Note: You will get pub id from http://www.addthis.com

Scroll To Top
FastFashion  - Scroll To Top

You can enable/disable scroll to top button.

Customization
FastFashion  - Custom CSS

You can add your own CSS styles without touching theme files.

You can add your custom JS scripts.

FastFashion theme provides color option to change visual appearance of your store.

Please Go to Admin > Stores > Configuration > FastFashion Theme > Color Settings

FastFashion  - Basic Color Config

FastFashion theme provides some powerful & actionable Magento 2 Extensions to engage customer with your store and increase sales and conversion.

Check the list of extensions that comes with the theme.

1. Sticky Cart

2. Newsletter Popup

3. Facebook Chat

4. Instagram Widget

5. Product Countdowm Timer

Category Slider Widget Magento 2 Extension allows you to showcase your categories in unique & attractive way.

How to add images for category slider widget?

Step 1: Please Go to Admin > Catalog > Categories.

Step 2: Add or Edit any category that you want to show in home page category slider.

FastFashion  - Add Category Image

Widget Display Name: Add Category name that you want to display in slider.

Widget Display Image: Upload Category image.

Note: For best view add same size images for all categories.


How to add Category Slider Widget?

Step 1: Please Go to Admin > Content > Pages or Blocks in which you want to add category widget.

Step 2: Add/Edit Page or Block.

Step 3: Click on  Insert Widget...  button and select "Hiddentechies Category Widget" from Widget type dropdown.

FastFashion  - Add Category Widget

Step 4: Add/Select widget configuration options.

FastFashion  - Categoey Widget Options

Title: Add title.

Select Categories: Select categories that you want to include in slider.

Show Actual Category Name ?: If yes, the actual category names will display.

Display Sub Categories ? If yes, it will display sub-categories of selected category.

Sub Category Count Add sub-category count.

FastFashion  - Categoey Widget Options

Step 5:Now click on  Insert Widget  button. And save the page or block.

The sticky add to cart provides the customer a hassle free shopping experience. The product's function allows the customer to quickly add product to the cart without scrolling.

How to configure Sticky Cart?

Please Go to Admin > Stores > Configuration > HiddenTechies > Sticy Cart

FastFashion  - Sticky Cart Configuration

The extension configuration provides the options to enable/disable sticky cart and also provides the options to show/hide product's attributes in a sticky bar like name, image, price, sku, availability etc.

Frontend

FastFashion  - Sticky Cart Frontend

FastFashion theme provides Newsletter Popup extension helps to boost your sales by increasing email subscriptions, and engage new customers through promotions.

How to configure Newsletter Popup?

Please Go to Admin > Stores > Configuration > HiddenTechies > Newsletter Popup

FastFashion  - Newsletter Popup Configuration

Enable: Enable/Disable newsletter popup.

Use Ajax: If yes, the email subscription form will submit without refreshing the page.

Enable Homepage Only ?: If yes, the popup is enable for home page only.

Popup Delay: Set the delay time that after how much seconds popup will display.

Popup Title: Add popup title.

Template Mode: Select the content mode of the popup. If you want to use ready-made templates then select "Ready Made Template" option or if you have your own content, then select "Custom" option in the dropdown.

Popup HTML: Add popup content.

Popup Dimension: If custom, you can set the height and width of the popup.

Popup Width: Popup width. ex. 700px

Popup Height: Popup Height. ex. 700px or auto

Custom CSS: Add your custom CSS.


How to import newsletter popup demo?

FastFashion  - Newsletter Popup Demo Installation

Click  Demo X  button to install popup demo version that you prefer to install.

Next to that clear the cache.

Demo 1

FastFashion  - Newsletter Popup Demo 1

Demo 2

FastFashion  - Newsletter Popup Demo 2

Demo 3

FastFashion  - Newsletter Popup Demo 3

How to configure Facebook Chat?

Please Go to Admin > Stores > Configuration > HiddenTechies > Facebook Chat

FastFashion  - Facebook Chat Configuration

Enabled: Enable/Disable the extension.

Facebook Page Id: Add Facebook page id.

Facebook Theme Color: Add valid hex code for color. ex. #7646ff

Chat Minimized ?: If yes, chat window minimized by default.

How to configure Instagram Widget?

Please Go to Admin > Stores > Configuration > HiddenTechies > Instagram Widget

FastFashion  - Instagram Widget Configuration

Instagram User Id: Add Instagram User Id. To get user id use this link - https://codeofaninja.com/tools/find-instagram-user-id

Instagram Access Token: Add Instagram Access Token. To get access token use this link - http://instagram.pixelunion.net

How to configure Product Countdowm Timer?

Please Go to Admin > Stores > Configuration > HiddenTechies > Product Countdowm Timer

FastFashion  - Product Countdowm Timer Configuration

Please, if you have any questions, run into any issues or just need some help, do not hesitate to contact us via our Support Center.
We believe in providing the best support possible, and we monitor our Support center just about 24/7.

Your feedback is absolutely welcome!

//