Groxi | Ecommerce Online Grocery Store HTML Template

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 changeing 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:

1. Primary: #9fcb22
2. Secondary: #ffffff
3. 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
• fruits+and+vegetables+groceries&position=26”>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+on+white&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
• groceries+fruit+and+vegetables+storage&position=21”>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&position=21
• https://www.freepik.com/free-photo/top-view-organic-milk-almonds-with-copy-space_9249330.htm#page=3&query=protein+food+proteins&position=44
• https://elements.envato.com/contact-icons-M7M4DG
• https://www.freepik.com/premium-photo/eggs-are-white-brown-with-broken-egg-center-which-fresh-yolk-is-visible_10197168.htm#page=1&query=Broken%20Grocery&position=5

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.

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

Designing Media Team

Go To Table of Contents

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.

Designing Media Team