Structure & Informations

Author : Active IT zone

Available from : 16 july 2015
Software Framework : CodeIgniter
Software Version : PHP 5.4, PHP 5.5, PHP 5.6, MySQL 5.x
Provided by : codecanyon

2015 © All Rights Reserved @ ACTIVE IT ZONE

 Index for structure and Information

1. Structure & Information of Important Common Elements 4

- Structure & information of Header 4

- Structure & information of product box 4

- Structure & information of sidebar section 5

- Structure & information of footer 5

2. Structure & Information of Home page 6

- Structure & information of Layer Slider 6

- Structure & information of Home top part 6

- Structure & information of Advance Search Area 7

- Structure & information of Featured Product area 7

- Structure & information of vendors 8

- Structure & information of category wise products(for home style 1) 8

- Structure & information of category wise banners(for home style 2) 8

- Structure & information of Latest blogs 9

- Structure & information of available brands 9

- Structure & information of Special Products(Latest products, most sold, most viewed) 9

3. Structure & Information of “product Description” page 9

- Product Image gallery 9

- Product basic information and customer chosen options 10

- Product supplementary information 10

- Related products 10

4. Structure & Information of “all product category” page 10

- Product category title 10

- Product category details 10

5. Structure & Information of “product category” page 10

6. Structure & Information of “featured product” page 11

7. Structure & Information of “today’s deal” page 11

8. Structure & Information of “all brand” page 11

2
9. Structure & Information of “all vendor” page 12

10. Structure & Information of “blog list” page 12

11. Structure & Information of “blog description” page 12

12. Structure & Information of “store locator” page 12

13. Structure & Information of “cart” page 13

- Orders 13

- Delivery address 13

- Payment options 13

14. Structure & Information of “compare” page 13

15. Structure & Information of “customer profile” page 13

- Profile dashboard 13

- Wishlist 13

- Order history 13

- Downloads 14

- Edit profile 14

- Support ticket 14

16. Structure & Information of “vendor public profile” page 14

- Vendor’s informations and logo 14

- Vendor’s menu 14

- Slider 14

- Featured products 14

- Uploaded product category 14

17. Structure & Information of “customer registration” page 15

18. Structure & Information of “customer login” page 15

19. Structure & Information of “vendor registration” page 15

20. Structure & Information of “contact" page 16

21. Structure & Information of “more" page 16

22. Structure & Information of “terms & condition” and “privacy policy " page 16

3
Structure & Information of Important Common Elements
1. Header​:
We can divide the header into three major parts:
- Top Header: Top header contains the options for “Language Selection”,
“Currency Selection”, “FAQ”, “Customer Login”, “Customer Registration” &
“Vendor Registration”.
- Middle Header: Middle header contains admin uploaded & selected “home
page header logo”, “search bar (product & vendor based search)”, “compare
button (from where user can move to the “all compared product list” page)” &
“cart button (from where customer can move to checkout page)”.
- Bottom Header: Bottom Header contains the link for “Home page”, “All
categories (with all sub categories in dropdown)”, “Featured product”, “Today’s
deal”, “All brands”, “All vendors”, “Store locator”, “contact” & “More (Custom
responsive page created by Admin will be shown on dropdown)”.

Technical Directory: If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/header/header_1.php

Logo upload directory​ : admin > frontend settings > Display settings > logo > upload logo >
change home page item > top slider

2. Product Box​:
We’ve designed three different types of “product box” for the frontend design to the
aspection of making anyone’s site eye catching and to make difference which will
reduce the necessity of custom design. One does not need to have any coding skill to
change the design and structure. All three designed product box contain the same
information and data for better understand. Please follow the step by step
instructions:

- Product Image: This part for product images. After hovering the image “quick
view” button will appear (where customer can see the short description of the
product).

- Product Title: Admin / vendor uploaded product title has been shown is here.
Click on product title ones can visit the product detail page.

- Product Price: Admin / vendor fixed product sale price will be shown in here
(discounted amount should be deducted & viewed in a smart graphics).

- Add to Cart: While customers / users take a approach to purchase the chosen
product they should click on “add to cart” button for adding in the cart list. Cart

4
 list is available in the header(right top part) from where anyone can be moved
to check out page with login.

- Product Compare: ​For the same category wise product user can add the
products in compare list by clicking on “compare button”. Compared products
showed in the top right part of the header.From here anyone can visit the
compare page.

- Product Wish: ​Any user can wish their products while they are logged
in.Wished product log has been listed into the user profile. The wishlist button
is available in the top header(right) part from where user can look upon his/her
wished product list.

- Vendor Name: ​Vendor name will be shown in here. By clicking on the name
ones can visit the vendor’s public profile.

- Out of Stock: ​If any product crossed the stock limit the product will be
unavailable and the “out of stock” sticker viewed on the product box.

- Product Discount: Any discounted product will have the “Discount sticker” with
the limitation of discounted amount or discounted percentage.
-
Admin directory : admin > frontend settings > Display settings > home page > select home page
> change home page item > featured product/category wise product > choose product box
style.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your-project/application/views/front/components/product_boxes/product_box_grid_1
.php, product_box_grid_2.php, product_box_grid_3.php, product_box_list_1.php.

3. Sidebar section : ​Sidebar section contain the most advance search options like as
category, sub-category and price range. Bottom of this section holds the special
products such as popular, latest & today’s deal products.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/product_list/other/sidebar.php.

4. Footer​:
There are two parts of the footer.

5
 - Footer Top​ ​:​Top footer contains some options such as footer logo,subscription
box categories links, page links, contact details,social media links.All elements
sorted in four columns.Category & text in footer has been managed by admin.
- Footer Bottom ​: ​This portion contains the “developer authority name”,”terms &
condition”,”privacy policy” and “payment gateway logo”

Admin directory : admin > frontend settings > Display settings > footer.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/footer/footer_1.php.

Structure & Information of Home page

Home page : ​We designed two most conspicuous and absolutely customizable types of home
with the utmost experience of qualified user interface perception for representing your
eCommerce in a distinctive aspection.We splat the whole home page into several parts such
as Layer slider , home top part , advance search area, featured product area, category wise
products(for home page 1), category wise banner(for homepage 2), latest blogs (home page
1), special products (Latest products, Most sold, Most viewed product).All of these very
specific portions is easily editable with having the options of enable/disable.

Admin directory : admin(login) > frontend settings > display settings > home page > choose
homepage > change home page items.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/home/

Structure & information of Layer Slider

Answer : ​Admin uploaded and configured layer slider has been viewed on the top part of the
home page.12 types of preset layer slider styling has been ready for admin.Admin can edit
any style to make his/her slider.Layer slider can be enabled/disabled option.Easiest drag &
drop serial system has been set out to maintain the slider serial.

Admin directory : admin(login) > frontend settings > slider settings > layer slider > create slider.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your-project/application/views/front/home/home1/slider.php &
Your-project/application/views/front/home/home2/slider.php

6
Structure & information of Home top part :
Answer :​ We can divide the home top part in 3 part of colum such as sidebar menu, carousal
slider and “Today’s deal product”.
- Sidebar menu:​ Admin chosen 10 max categories has been viewed in the sidebar
menu.From this category viewers will get the category - subcategory - brand wise
product page link.Category banner has been shown right part of the category box.
- Carousal slider:​ Admin uploaded slides has been viewed on here.Admin can upload
image and also can create button with own choice with link.
- Today’s deal:​ Admin / vendor selected today’s deal product is shown in here.Visitors
can get the link of those product also with the option of quick view.
- Banners:​ Admin uploaded banners is available in here.Banner can be made from single
part to four part with saved link.

Admin directory : admin > frontend settings > Display settings > home page > select home page
> change home page item > top slider

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/header/header_1.php.

Structure & information of Advance Search Area

Answer : ​From advance search area visitors can search the products according to categories,
subcategories, brands, price range and inputted plain text.Parralux image and heading text
has been uploaded by admin.

Admin directory : admin > frontend settings > Display settings > home page > select home page
> change home page item > search section.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/home/home1/advanced_search.php &
Your project/application/views/front/home/home2/advanced_search.php.

Structure & information of Featured Product area

Answer : ​Admin enabled/disabled featured product has been viewed in here. Admin can set
the number of published featured products and has option to enable / disable featured
product area.Product boxes for featured product also can be chosen by admin.

Admin directory : admin > frontend settings > Display settings > home page > select home page
> change home page item > featured product.

7
Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/home/home1/featured_products.php &
Your project/application/views/front/home/home2/featured_products.php.

Structure & information of vendors list area

Answer : ​This area for vendor’s profile from where users can get “visit” option on hover to visit
the vendor profile.Admin can set the number of vendor profile to show & can enable/disable
this area by one click.Parralux image and heading text has been uploaded by admin.

Admin directory : admin > frontend settings > Display settings > home page > select home page
> change home page item > vendors.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/home/home1/vendors.php &
Your project/application/views/front/home/home2/vendors.php.

Structure & information of category wise products(for home style 1)

Answer : ​At home style 1 admin can select the specific “category” & “category wise
sub-category” for that visitors can find the category wise products in homepage.Product
boxes for here also can be chosen by admin.

Admin directory : admin > frontend settings > Display settings > home page > select home page
> change home page item > category wise products.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/home/home1/category_products.php.

Structure & information of category wise banners(for home style 2)

Answer : ​Admin selected “category" & four “category wise sub-category” will be shown in
home style 2 with their banners only and also all brands & sub-categories are available in the
left side.Here customers can be moved to product page clicked by “browse” on banner.

Admin directory : admin > frontend settings > Display settings > home page > select home page
> change home page item > category wise banners.

8
Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/home/home2/category_banners.php.

Structure & information of Latest blogs(for home style 1)

Answer : ​Uploaded blog's title will be shown in here.Admin can set the number of published
blogs and has option to enable / disable blogs area.Also parralux image and heading text has
been edited by admin.

Admin directory : admin > frontend settings > Display settings > home page > select home page
> change home page item > blogs.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/home/home1/blog.php.

Structure & information of available brands(for home style 1)

Answer : ​Brand's area for displaying the brand of various uploaded products.Admin can set
the number of brands to display and can show / hide brands area by one click.

Admin directory : admin > frontend settings > Display settings > home page > select home page
> change home page item > brands.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/home/home1/brands.php.

Structure & information of Special Products(Latest products, most sold, most viewed)
Answer : ​Special products contains three types products according to “Latest upload”, “most
sold”, “most viewed”.Admin can enable/disable this option by a switch.

Admin directory : admin > frontend settings > Display settings > home page > select home page
> change home page item > special products.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/home/home1/special_products.php &
Your project/application/views/front/home/home2/special_products.php.

9
Structure & Information of “product Description” page
Answer : ​We can split the product description page into 4 section.
- Product image gallery :​ Admin uploaded all product images has been viewed in here in
smart gallery perspective.Exclusive image zoom option is available on the product
image part for better monitoring.
- Product basic information and customer chosen options : ​Right part of the product
images there have all basic informations (product title, category, subcategory, brand),
vendor’s name & link, rating, customer choice options, number of available products,
special offer stickers, input of purchasing product number, add to cart, add to wishlist
and compare buttons.Social sharing options are available in the bottom part of this
section
- Product supplementary information : ​ From this part visitors will get the informations
of admin / vendor uploaded product informations, additional specifications, shipment
informations and will get the option of providing social media(facebook and disqus)
comment.
- Related products : ​Similar product of the browsed product has been viewed in a smart
look in this part.

Admin directory : admin > physical/digital products > all products > create products.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/product_view/others/page_view &
Your project/application/views/front/product_view/digital/page_view

Structure & Information of “all product category” page

Answer : ​ From the experience of user satisfaction, we design “all product category” page
with the most standard and well structured boxes providing the important informations as
well as the outlook. The total number of boxes in this page depends on the number of
categories created from the Admin. Each box has 2 sections.
- Product category title:​ In this section, category name and total number of products of
the category will be displayed.
- Product category details:​ Each category has a banner and several sub-categories. For
combining these 2 things into a single place, we make the banner as a background and
in the foreground, the subcategories are displayed with their(subcategories) banner,
subcategory name and the total no of products of particular subcategory.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/others/all_category/

10
Structure & Information of “product category” page
Answer : ​All products of a specific category can be found in this page.Visitors can also
search a product by search option in top easily by selecting “sort by(price range,old,new,most
viewed)”, “brands”,”vendors”.As defaulted nine product boxes are shown in here.
This page is designed in two views such as “list view” & ”gridview(default selected)”.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/product_list/other/

Structure & Information of “featured product” page

Answer : ​All featured products are shown in “featured product” page.This page is well
designed with the advance search from where visitors can find the new arrival or special
products as featured.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/others_list/

Structure & Information of “today’s deal” page

Answer : ​The sold products of the current day will be shown in this area as today's purchased
summary.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/others_list/

Structure & Information of “all brand” page

Answer : ​“All brand” page designed with the most standard and well structured boxes
providing the important informations as well as the outlook. The total number of boxes in this
page depends on the number of categories created from the Admin. Each box has 2 sections.
- Category title:​ In this section, category name will be displayed.
- Product category details:​ Each category with a banner in background and various
brands are displayed in a list with their logo & brand name,in the foreground.

Admin Directory : ​Admin > products > category

Admin Directory : ​Admin > products > brands

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.

11
Your project/application/views/front/others/all_brands/

Structure & Information of “all vendor” page

Answer : ​This page is for vendor profiles.All registered vendor profiles will be available in the
well designed boxes with their “name”, “logo”,”cover photo”,”address”,”email address” and the
subcategories of their uploaded products.Users can visit the vendor's profile by clicking on
“visit”.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/vendor/all/

Structure & Information of “blog list” page

Answer : ​Admin uploaded all blogs will be available here in a list.Admin should be created
different blog category first.Category wise blog can be found in this page from left side blog
category menu.

Admin directory : Admin > blog > blog categories.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/blog/

Structure & Information of “blog Description” page

Answer : ​Visitors can see the full blog from here with “author name” & “uploaded date”.They
can also comment there by two ways such as “social media login(facebook,twitter,google
plus)” and “disqus login” and share the blog with the given social media links.

Admin directory : Admin > blog > all blogs > create blog.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/blog/blog_view/

Structure & information of store locator

12
Answer : ​From “Store locator” page users will get the address and info(s) of the vendors at a
glance google map.Also the user can visit the vendor public profile by clicking on the vendor
name.
Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/others/store_locator/

Structure & information of cart page

Answer :​ Total cart page functionality has been splat into 3 section.
- Order ​: In this section added product in the cart has been listed in a well structured
table which contain product thumbnail image, product title, choice changing option,
editable product quantity, sub total price and order cancellation option.
- Delivery address : ​From this section customer will insert their delivery address with
google map.
- Payment options : ​Customer will complete their payment form this section.In here
customer will get the options of paypal or stripe payment as online payment system
and also will get the cash on delivery feature.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/shopping_cart/

Structure & information of compare page

Answer : ​Compared products has been shown in a single table with the options of changing
subcategories.The products has been compared in category sequence.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/others/compare/

Structure & information of customer profile

Answer : ​Here we designed and developed most informative and functional customer profile
page by maintaining the latest trend of design with most optimized data recording procedure.
Here is the structural informations of “Customer profile”
- Customer profile dashboard : ​Customers can view their personal info, order history &
wished products info in a short term in this page.Here is also available a sidebar which
includes “wishlist”, “order history”, “downloads”, “profile edit page”, “support ticket”.

13
 - Wishlist log : ​All wished products of the customer will be gathered in this log with the
product availability.From here Customer can purchase any product by “add to cart”
option or delete any product.

- Order history log: ​Customers can view their order details such as product quantity,
payment & delivery status.They can also get their invoice of purchase from here.

- Invoice : ​Invoice has been generated for per purchase sequence.Invoices contain the
all info about purchasing,shipping,purchase date,payment gateway costing.

- Downloads : ​This portion is for only digital goods purchasing purpose.Customers can
download their purchased digital products by clicking on “download button”.

- Support ticket : ​Visitors can get their support or send message to admin from here by
creating support tickets and can able to see the all messages.Admin can view or reply
or delete the tickets.
-
- Edit profile : ​Customers can edit their included info from here.Also they can change the
password.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/user/

Structure & information of vendor public profile

Answer :​ Most attractive and user friendly vendor profile will represent the vendor’s activities
in elaborately.Total vendor page can be splat by 5 in item.Here it is :

- Vendor’s informations and logo : ​From the top of the vendor profile page visitors will
get the all fundamental informations of vendor
- Vendor’s menu :​ From the vendor’s menu visitors will able to visit the all products of
this vendor.Also visitor will get the link of featured product and store location for this
vendor.
- Slider : ​Vendor uploaded sliders has been viewed in here.

Admin directory : vendor panel > slider settings > create slider

- Featured products :​ Vendor selected featured products are published in here in a

animated slider.
-
Admin directory : vendor panel > physical / digital products > All product > enable feature
option

14
 - Uploaded product category :​ In this section vendor uploaded product category and
subcategory banner has been viewed and linked to product page according to the
category and subcategory

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/vendor/public_profile/

Structure & information of “customer registration” page

Answer : ​For purchasing any products users should be registered as a customer. The
“registration” option is available in the top header part.
- Registration : ​To register as a customer one should have to fulfil customer’s info in the
registration form such as “user name”, “Last name”, ”email”, ”phone”,”password”,
”address”, ”city”,”zip code” & then click “register”.
Or​, users also can registered by sign in with their social media accounts “facebook” or
“google plus”.
After registration customer will get a confirmation mail regardings with all registration
info.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/user/register/

Structure & information of “Customer Login” page

Answer : ​Customer can log in their profile with the registered email & password or with
their social media accounts for visiting their public profile and run their activities from
the frontend.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/user/login/

Structure & information of “Vendor registration” page

Answer : ​If anyone want to sell products he/she will need to register as a vendor. The
“registration” option is available in the top header part.
- Registration : ​To register as a vendor one should have to fulfil his/her info in the
registration form such as “name”, “display name”, ”email”, ”password”, “company
name”
”address” & then click “register”.
After registration vendor will get a confirmation mail with the registered
mail,password,

15
 log in page link & waiting info about admin approval.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/vendor/register/

Structure & information of “contact” page

Answer : ​From contact page visitors can see the address & info about admin and able to send
message to admin and the reply they will get into their mail .Admin has an option to change
“the address” & “about us” from admin panel.

Admin directory : admin > frontend settings > Display settings > contact page.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/others/contact/

Structure & information of “more” page

Answer : ​Admin created any new page will be shown here in dropdown.

Admin directory : admin > frontend settings > build responsive pages.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/others/custom_page/

Structure & information of “terms & condition” and “privacy policy” page
Answer : ​Admin uploaded “terms & condition” and “privacy policy” about his/her site will be
available in these pages.

Admin directory : admin > frontend settings > site settings > general settings > terms &
condition.
Admin directory : admin > frontend settings > site settings > general settings > privacy policy.

Technical Directory: ​If anyone wants to change the structure or design he/she will need to
follow the below directory and works on that directed files.
Your project/application/views/front/others/legal/

16
17