Ecomerce — HTML 电商模板

SHA-256: e53c28372aea14739ad58c80ca029f100c002cd96137267721a8c14d38e30f1a

2026-10-16T01:56:45.030Z

# Aviato By Themefisher
Aviato is the ultimate e-commerce front-end solution based on Bootstrap 3. Along with styling all default components of popular framework it introduces lots of new flexible elements you can use across website. In total 25+ components.


<!-- demo -->
## Example Site
| [![](screenshots/home.jpg)](https://demo.themefisher.com/aviato/) | [![](screenshots/about.jpg)](https://demo.themefisher.com/aviato/about.html) | [![](screenshots/pricing.jpg)](https://demo.themefisher.com/aviato/pricing.html) | [![](screenshots/contact.jpg)](https://demo.themefisher.com/aviato/contact.html) |
|:---:|:---:|:---:|:---:|
| **Home**  | **About**  | **Pricing** | **Contact** |
| [![](screenshots/shop.jpg)](https://demo.themefisher.com/aviato/shop.html) | [![](screenshots/single-product.jpg)](https://demo.themefisher.com/aviato/product-single.html) | [![](screenshots/cart.jpg)](https://demo.themefisher.com/aviato/cart.html) | [![](screenshots/checkout.jpg)](https://demo.themefisher.com/aviato/checkout.html) |
| **Shop**  | **Single Product**  | **Cart** | **Checkout** |
| [![](screenshots/dashboard.jpg)](https://demo.themefisher.com/aviato/dashboard.html) | [![](screenshots/orders.jpg)](https://demo.themefisher.com/aviato/order.html) | [![](screenshots/payment.jpg)](https://demo.themefisher.com/aviato/address.html) | [![](screenshots/faq.jpg)](https://demo.themefisher.com/themefisher/aviato/faq.html) |
| **Dashboard**  | **Orders**  | **Payment** | **FAQ** |
| [![](screenshots/blogrs.jpg)](https://demo.themefisher.com/aviato/blog-right-sidebar.html) | [![](screenshots/blogls.jpg)](https://demo.themefisher.com/aviato/blog-left-sidebar.html) | [![](screenshots/blogg.jpg)](https://demo.themefisher.com/aviato/blog-grid.html) | [![](screenshots/blogd.jpg)](https://demo.themefisher.com/aviato/blog-full-width.html) |
| **Blog Right Sidebar**  | **Blog Left Sidebar**  | **Blog Grid** | **Blog Full Width** |

👉🏻[View Live Preview](https://demo.themefisher.com/aviato/)

<!-- resources -->
## Pages
* **Home**
* **About**
* **Pricing**
* **Shop**
* **Shop Sidebar**
* **Product Single**
* **Profile Details**
* **Dashboard**
* **Address**
* **Cart**
* **Empty Cart**
* **Checkout**
* **Order Confirmation**
* **Purchase Confirmation**
* **Payment Confirmation**
* **FAQ**
* **Blog Grid**
* **Blog Full Width**
* **Blog Left Sidebar**
* **Blog Right Sidebar**
* **Blog Single**
* **Contact**
* **404**
* **Coming Soon**
* **Login**
* **Signin**
* **Forget Password**
* **Alerts**
* **Buttons**
* **typography**


<!-- download -->
## Download And installation
Download this template from any following options:

* Download from [Github](https://github.com/themefisher/Aviato-E-Commerce-Template/archive/master.zip)
* Clone the repository: `git clone https://github.com/themefisher/Aviato-E-Commerce-Template.git`
* Download from [Themefisher](https://themefisher.com/products/aviato-e-commerce-template/)


<!-- installation -->
### Basic Usage
After downloading template, you can simply edit the HTML and CSS files from the `theme` folder. To preview the changes you make to the code, you can open the index.html file in your web browser.

### Advanced Usage
For advanced usage you have some dependencies to install. Then you can run it on your localhost. You can view the package.json file to see which scripts are included.

#### Install Dependencies
* **Node Installation:** [Install node js](https://nodejs.org/en/download/)
* **Gulp Installation:** Install gulp globally from your terminal 
```
npm install --global gulp-cli
```
Or visit original [docs](https://gulpjs.com/docs/en/getting-started/quick-start)

#### Run Theme
After succesfully install those dependencies, open this theme with any IDE [[VS Code](https://code.visualstudio.com/) recommended], and then open internal terminal of IDM [vs code shortcut <code>ctrl/cmd+\`</code>]

* Install node package modules
```
npm install
```
* Run gulp
```
gulp
```
After that, it will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved.

👉🏻 [visit documentation](https://docs.themefisher.com/rappo/)


<!-- reporting issue -->
## Reporting Issues
We use GitHub Issues as the official bug tracker for the Aviato Template. Please Search [existing issues](https://github.com/themefisher/Aviato-E-Commerce-Template/issues). It’s possible someone has already reported the same problem.
If your problem or idea has not been addressed yet, feel free to [open a new issue](https://github.com/themefisher/Aviato-E-Commerce-Template/issues).

<!-- support -->
## Technical Support or Questions (Paid)
If you have questions or need help integrating the product please [contact us](mailto:[email protected]) instead of opening an issue.

<!-- licence -->
## License
Copyright &copy; 2021 Designed & Developed by [Themefisher](https://themefisher.com)

**Code License:** Released under the [MIT](https://github.com/themefisher/Aviato-E-Commerce-Template/blob/master/LICENSE) license.

**Image license:** The images are only for demonstration purposes. They have their own licence, we don't have permission to share those image.

<!-- resources -->
## Resources
Some third-party plugins that we used to build this template. Please check their licence.
* **Bootstrap v3.3.7**: https://getbootstrap.com/docs/3.3/getting-started/
* **Jquery**: https://jquery.com/download/
* **Google Fonts**: http://fonts.google.com/
* **Slick**: https://kenwheeler.github.io/slick/
* **Ekko Lightbox**: https://ashleydw.github.io/lightbox/
* **Bootstrap TouchSpin**: http://www.virtuosoft.eu/code/bootstrap-touchspin/
* **Instafeed**: https://github.com/stevenschobert/instafeed.js
* **Smooth Scroll**: http://github.com/cferdinandi/smooth-scroll
* **SyoTimer**: http://syomochkin.xyz/folio/syotimer/demo.html