We are pleased that you have chosen Bigdeal theme for your site and we will not disappoint you with your choice. Bigdeal is an excellent theme develop with a concise approach. The code written is a clean and well structured.
Bigdeal is the most powerful & responsive theme with all the modules and functions involved with an attractive design.
Bigdeal theme template is Bigdeal focusing on HTML and CSS3 and works perfectly fine in all the browsers and it is powered by jQuery.
Bigdeal theme include total 4 pre-built home page layouts, 79 inner pages, 15 product pages, and 10 shop pages.
We request to have a look at our Bigdeal manual to know brief about the theme! We have compromised each and every detail for you in the manual that you will need.
If we are unable to answer your queries beyond our documentation, you are free to contact us through the themeforest support page with your site. We will be happy to cater you and will get back to you in no time.
Read the manual before jumping to start!
When you unpack downloaded archive from ThemeForest.net you'll get folder containing 2 folders.
If you want RTl theme then you just need to add rtl class in body tag.
Bigdeal include 6 color option, You need to change style css.
<link rel="stylesheet" type="text/css" href="../assets/css/color1.css"
>
<link rel="stylesheet" type="text/css" href="../assets/css/color2.css"
>
<link rel="stylesheet" type="text/css" href="../assets/css/color3.css"
>
<link rel="stylesheet" type="text/css" href="../assets/css/color4.css"
>
<link rel="stylesheet" type="text/css" href="../assets/css/color5.css"
>
<link rel="stylesheet" type="text/css" href="../assets/css/color6.css"
>
If you want to use another color, change $theme-color1 and $theme-color2 variable in style scss
$theme-color1:#ff6000;
$theme-color2:#ffa800;
<!--Google font-->
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap" rel="stylesheet">
<!--Google font-->
<link href="href="https://fonts.googleapis.com/css?family=Raleway&display=swap"" rel="stylesheet">
<!-- Brand Logo -->
<div class="brand-logo">
<a href="index.html"> <img src="../assets/images/layout-1/logo/logo.png" class="img-fluid" alt="logo"></a>
</div>
<!-- footer logo -->
<div class="footer-logo">
<img src="../assets/images/layout-1/logo/logo.png" alt="logo">
</div>
Vertical & Horizontal menu
<!-- Vertical Menu -->
<ul id="sub-menu" class="sm pixelstrap sm-vertical ">
...
</ul>
<!-- Horizontal menu -->
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
..
</ul>
Dropdown and Mega menu
<!-- dropdown menu -->
<li><a href="#">pages</a>
<ul>
..
</ul>
</li>
<!-- mega menu -->
<li class="mega"><a href="#">Home</a>
<ul class="mega-menu">
<li>
..
</li>
</ul>
</li>
Bigdeal theme include 3 types of buttons
<a href="#" class="btn btn-normal">shop now</a>
<a href="#" class="btn btn-rounded">shop now</a>
<a href="#" class="btn btn-white">shop now</a>
<a href="#" class="btn btn-normal btn-outline">shop now</a>
<a href="#" class="btn btn-rounded btn-outline">shop now</a>
<a href="#" class="btn btn-white btn-outline">shop now</a>
<a href="#" class="btn btn-rounded btn-block">shop now</a>
<a href="#" class="btn btn-white btn-block">shop now</a>
<a href="#" class="btn btn-normal btn-block">shop now</a>
<!-- Title 1 -->
<div class="title1">
<h4 >trending products</h4>
</div>
<!-- Title 2 -->
<div class="title2">
<h4 >trending products</h4>
</div>
<!-- Title 3 -->
<div class="title3">
<h4 >trending products</h4>
</div>
<!-- Title 4 -->
<div class="title4">
<h4 >trending products<span >Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span></h4>
</div>
<!-- Title 5 -->
<div class="title5">
<h4 >trending products</h4><p >Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<!-- Title 6 -->
<div class="title6">
<h4 >trending products</h4>
</div>
<div class="sub-footer-contain">
<p>2018 - 19 COPY RIGHT BY THEMEFOREST POWERED BY PIXEL STRAP </p>
</div>
if you do not want second image in product, remove Back div
<!-- front image -->
<div class="product-front">
<a href="product-page(no-sidebar).html"><img src="../assets/images/product/1.jpg" class="img-fluid" alt=""></a>
</div>
<!-- hover back image -->
<div class="product-back">
<a href="product-page(no-sidebar).html"><img src="../assets/images/product/2.jpg" class="img-fluid" alt=""></a>
</div>
For remove rtl & dark option comment/delete js with below comment
/*------------------------------
RTL & Dark Light
-------------------------------*/
For remove color option comment/delete js with below comment
/*------------------------------
Color Picker
-------------------------------*/
Add class in Parent child
If you want parallax image, Add class in Parent child