Groxi | 电子商务在线杂货店 HTML 模板
A) Introduction – top
Embark on a modern and convenient shopping experience with Groxi, the latest HTML theme available on Themeforest. Designed to cater to the growing demand for online grocery services, Groxi brings a sleek and intuitive platform to transform the way you shop for essentials.
Navigate through Groxi’s user-friendly interface, meticulously crafted to ensure a seamless online grocery shopping journey. From fresh produce to pantry staples, this theme offers a visually appealing and organized space that simplifies the process of building your digital shopping cart.
Groxi isn’t just a theme; it’s a solution for businesses looking to establish a robust online presence in the rapidly evolving world of e-commerce. Showcase your product offerings with style, and provide customers with a hassle-free shopping experience that mirrors the convenience of a physical grocery store.
It contains Home Page layout and about page layout and 06+ valid HTML5 page templates designs, different Blog page styles and Shop pages. Groxi template features are coded with Bootstrap v4.0, HTML5 & CSS3 and unlimited color schemes. It’s compatible with all modern browsers and search engine friendly. So showcase your artworks and services with this awesome template!
How to Edit HTML Files? – top
We have included 06+ custom HTML templates like Home Page styles, About styles, Shop, Blog and Services page style etc. Please open any HTML files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.
C) How to Edit CSS Files? – top
We have included some custom CSS styles like custom.css (default). Please open any CSS files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want. For example if you want to edit your banner color open custom.css and look at “.bg-outer-wrapper” for banner color and change your styles.
D) How to use Color Schemes? – top
Please open custom.css file from Groxi/assets/css folder with a text editor and build your own colors. #9fcb22 this is our primary color, you can search and replace all to your new color code.
G) How to use On Load Animation? – top
We are wow.js on load animation for our website. you can edit them by simply adding or changing the predefined classes name.
jQuery Files
- assets/js/jquery-3.7.1.min.js
- assets/js/bootstrap.min.js
- js/popper.min.js
- js/animation.js
Photos
- Enveto Elements
- Freepik Photos
Icons:
- Font-Awesome
font:
- Jost
G) Resources Used – top
Global
Colors:
- Primary: #9fcb22
- Secondary: #ffffff
- Text: #6c6c6c
Font Sizes:
h1 >> 70px
h2 >> 45px
h3 >> 28px
h4 >> 26px
h5 >> 22px
h6 >> 20px
P >> 14px
Image Links:
- https://elements.envato.com/80-shopping-e-commerce-color-line-icons-2B85DV
- https://www.freepik.com/premium-photo/supermarket-paper-bag-full-healthy-food_4227710.htm#page=1&query=Grocery&position=28
- https://www.freepik.com/free-vector/template-healthy-food-promotion_7435341.htm#page=2&query=Grocery&position=38
- https://www.freepik.com/free-photo/front-view-grapefruit-juice-bottle-with-cap_10604226.htm
- https://elements.envato.com/different-food-in-recycling-paper-bag-Y9FR6EG
- https://www.freepik.com/free-photo/eco-products-concept-with-copy-space_11401286.htm#page=2&query=Beauty+Product&position=14
- https://www.freepik.com/free-photo/raw-steak-white-paper_6416084.htm
- https://www.freepik.com/free-photo/fresh-broccoli-vegetable_7220565.htm#page=1&query=Broccoli&position=3
- https://www.freepik.com/premium-photo/strawberry-isolated-white_4901936.htm#page=1&query=Stawberries&position=31
- https://www.freepik.com/premium-vector/milk-package-realistic-mockup_4120925.htm#page=4&query=Milk&position=3
- https://www.freepik.com/free-photo/mango-juice-wooden-floor-table_4524834.htm#page=2&query=Mango+Juice&position=48
- fruits+and+vegetables+groceries&position=45”>https://www.freepik.com/premium-photo/zero-waste-shopping-concept_6461155.htm#page=2&query=grocery+fruits+and+vegetables+groceries&position=45
- fruits+and+vegetables+groceries&position=43”>https://www.freepik.com/premium-photo/zero-waste-shopping-concept_5737388.htm#page=2&query=grocery+fruits+and+vegetables+groceries&position=43
- https://www.freepik.com/premium-photo/flat-lay-with-paper-bag-vegetables-fruits-white_8581460.htm
- https://elements.envato.com/groceries-7M3SJVZ
- https://www.freepik.com/premium-photo/shopping-basket-full-food-groceries-table-supermarket_3873968.htm#page=2&query=Grocery&position=23
- https://www.freepik.com/premium-psd/honey-jar-mockup-isolated_11108155.htm#page=1&query=Honey%20jar&position=14
- https://www.freepik.com/premium-photo/healthy-tasty-fruits-vegetables_8057157.htm
- https://www.freepik.com/free-photo/homemade-crunchy-bread-with-grains_5873642.htm#page=1&query=Fresh%20Bread&position=14
- https://www.freepik.com/free-photo/red-chilli-isolated-white_1038260.htm#page=1&query=Red%20Pepper%20&position=28
- https://www.freepik.com/free-photo/glass-orange-juice-placed-wood_4524824.htm#page=1&query=Orange%20Juice&position=24
- https://www.freepik.com/free-photo/aliment-background-healthy-eggshell-brown_1088972.htm#page=1&query=Eggs&position=32
- https://www.freepik.com/free-vector/truffle-oil-bottle-fresh-vegetables_6904811.htm#page=8&query=Cooking+Oil&position=45
- https://www.freepik.com/free-photo/front-view-cream-colored-bottle-plastic-shampoo-can-with-black-cap-along-with-lemons-coconut-isolated-purple-background-cosmetics-beauty-hair_9367643.htm
- https://www.freepik.com/premium-photo/paper-bag-with-food-supplies_9310926.htm
- https://www.freepik.com/free-photo/portrait-attractive-couple-holding-paper-shopping-bag_6729739.htm
- https://www.freepik.com/premium-photo/full-paper-bag-healthy-food-white-healthy-eating-background_5629573.htm#page=2&query=grocery+fruits+and+vegetables+groceries&position=26
- https://www.freepik.com/premium-photo/ripe-strawberries-with-leaves-isolated-white_4136034.htm#page=1&query=Strawberry%20on%20white&position=47
- https://www.freepik.com/premium-photo/bowl-with-tasty-strawberry-isolated-white-background-summer-berry_8632113.htm#page=1&query=Strawberry%20on%20white&position=42
- https://www.freepik.com/premium-photo/fresh-strawberry-isolated-fruit-white_5929055.htm#page=5&query=Strawberry%20on%20white&position=3
- https://www.freepik.com/premium-photo/strawberries-with-leaves-isolated-white_9168009.htm
- https://www.freepik.com/premium-photo/paper-bag-with-healthy-food-healthy-food-background-supermarket-food-concept-shopping-supermarket-home-delivery_8469125.htm
- https://www.freepik.com/free-photo/lunch-table-with-healthy-organic-food-top-view_9045950.htm
- https://www.freepik.com/premium-photo/selection-products-with-high-content-vegetable-protein_7929613.htm
- https://www.freepik.com/premium-photo/glass-jars-with-grains-reusable-bags-with-fresh-vegetables-fruits_8300217.htm
- https://www.freepik.com/premium-photo/zero-waste-food-storage-eco-bag-top-view-reusable-cotton-bag-with-fresh-vegerables-fruits_5033860.htm#page=2&query=grocery+groceries+fruit+and+vegetables+storage
- https://www.freepik.com/free-photo/top-view-organic-milk-almonds-with-copy-space_9249330.htm#page=3&query=protein+food+proteins&position=44
Note: All images are used for preview purposes only. They are not part of the template and hence, not included in the final purchase files.