BeShop Documentation

Intro

features

Built with HTML5 & CSS3 & SCSS.
SVG Images.
Google Fonts.
Easy to customize.
Fully Responsive.
Clean Code.
Free Images.
W3 Valid 100%.
Browser Compatibility.
Fully Customizable.
Modern and Creative Design.
And much more...

This template contains 18 page:

1. Home Page.
2. About Page.
3. Contact Page.
4. Categories Page.
5. FAQ Page.
6. Blog Page.
7. Blog Details Page.
8. Shop Page.
9. Product Page.
10. Cart Page.
11. Wishlist Page.
12. Checkout-1 Page.
13. Checkout-2 Page.
14. Checkout-3 Page.
15. log In Page.
16. Registration Page.
17. My Profile Page.
18. 404 Page.

HTML Structure

Visual Studio Code (download for free). Used to edit the .HTML, .JS, and .CSS files.

<!-- BEGIN: free trial -->
<div class="free-trial">
   <div class="container">
      <div class="text-contain">
         <h3>Are You Ready To Enjoy? Get This Perfect Theme Now!</h3>
         <p>It is a long established fact that a reader will be distracted</p>
         <div class="button-contain">
            <button>Start Trial Free</button>
         </div>
      </div>
   </div>
</div>

If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following :

.text-contain h3 { color: #some_color; }

If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.

I.E.

.free-trial .text-contain h3 { color: #some_color; }

So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.

How to change Logo ?

All icons and images of the project are stored in the "img" folder.

How to change Image ?

How to change Copyright ?

How to Change Contact Map Lat Lang Id ?

Connected Fonts

CSS & SCSS Files and Structure

How to work with SCSS and CSS files ?

SCSS is a preprocessor which lets you use features that aren’t a part of the wider CSS standard yet, and provides better workflows for maintaining your stylesheets. You can find out more about SCSS here: https://sass-lang.com/

All .scss files are located in the SCSS folder. In order to change the styles of a certain section of the website, you need to find a corresponding file in the folder.

_header.scss - is responsible for the website header styles. (It is located in the folder: scss/layout/_header.scss).

_footer.scss - is responsible for the website footer styles. (It is located in the folder: scss/layout/_footer.scss).

_content.scss - is responsible for the website content styles. (It is located in the folder: scss/layout/_ content.scss).

There is also a file attached to the project: _reset.scss. Reset.scss is a small set of CSS rules that can reset all HTML element styles to their default values. It is located in the folder: scss/base/_reset.scss

Other SCSS files are responsible for plugins operation and styles of some website elements; it is not recommended to change it.

How can you edit SCSS files ?

You can edit SCSS files, for example, by using the PREPROS program. The free version of the program is available for use. You can find a detailed guide about the program on the website. (https://prepros.io/).

Prepros compiles a style.scss file into style.css file.

JavaScript

This theme imports many Javascript files

jquery-3.5.1.min.js
ion.rangeSlider.min.js
lazyload.min.js
slick.min.js
jquery.maskedinput.js
rating.js
jquery.formstyler.js
custom.js - Main JS File

Connected as:

The main custom javascript file is stored in js/custom.js

Sources and Credits

I've used the following images or other files as listed :

Template Customization

Installation

Open up your FTP manager and connect to your hosting
Browse to required directory (Normally public_html)
Upload the files inside theface folder.

More about installation:

Go to This Link Click Me

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.