Introduction to Neto by Maropost
Neto's ecommerce platform for online retailers comes with a feature-rich content management system built from the ground-up with web designers in mind.
Once you're familiar with how Neto works, building very custom, bespoke websites is easy whether you're building a simple brochure-style website, or a large ecommerce property.
Professional services have been a core component of Neto's own business since day one. As a result, every feature has been built with web designers and marketers in mind. Neto is a great platform to build a web store on.
Folder Structure
Files on the filesystem are organised into various directories, just like the files on your computer. This folder structure can seem complicated to a newcomer but it is actually quite simple — only a handful of folders actually need to be accessed even if you are trying to develop a custom theme from the ground up.
Below is the full folder structure for your theme, omitting any irrelevant folders. Hover any highlighted files or folders for a brief description of their purpose.
-
httpdocs
-
assets
-
themes
-
skeletal
-
templates
templatesThis is where all of the HTML templates for your theme are stored.
-
cart
THEME_NAME/cartThis folder contains all of the templates related to your cart and checkout.
-
cart.error.html
THEME_NAME/cart/cart.error.htmlThis template contains the code for the various errors your customers can encounter during the checkout process.
-
empty.template.html
THEME_NAME/cart/empty.template.htmlThis page shows when the user navigates to their cart if they do not have any products added to cart yet.
-
includes
THEME_NAME/cart/includesIncludes are small templates that contain reusable code. These can also be dynamically refreshed with AJAX without reloading the page. These includes relate specifically to the checkout.
-
address.template.html
THEME_NAME/cart/includes/address.template.htmlThis is the section of the one-page checkout where the customer can configure multi-address checkout.
-
cart_items.template.html
THEME_NAME/cart/includes/cart_items.template.htmlThis template displays the order summary and coupon code interace on the right-hand side of the one-page checkout.
-
redeem_vouchers.template.html
THEME_NAME/cart/includes/redeem_vouchers.template.htmlThis template contains the redeem vouchers code towards the bottom of the one-page checkout.
-
shipping_options.template.html
THEME_NAME/cart/includes/shipping_options.template.htmlThis template contains the shipping options/calculator for the one-page checkout.
-
voucher_msg.template.html
THEME_NAME/cart/includes/voucher_msg.template.htmlThis is where the customer can define their gift voucher message on the one-page checkout.
-
address.template.html
-
invoice.template.html
THEME_NAME/cart/invoice.template.htmlThis is the page which shows directly after successfully completing the one-page checkout.
-
onepage.template.html
THEME_NAME/cart/onepage.template.htmlThis is the primary template for the one-page checkout. It calls a number of other templates from the includes folder.
-
quote_invoice.template.html
THEME_NAME/cart/quote_invoice.template.htmlThis is the page which shows directly after successfully submitting a quote through the one-page checkout.
-
shopping_cart.template.html
THEME_NAME/cart/shopping_cart.template.htmlThis is the template for the View Cart page.
-
upsell.template.html
THEME_NAME/cart/upsell.template.htmlThis is the template which displays upsells before the checkout. Will only display if configured correctly in the control panel.
-
voucher.template.html
THEME_NAME/cart/voucher.template.htmlThis is the template which lets users specify their gift voucher messages before they checkout. Will only display if configured correctly in the control panel.
-
cart.error.html
-
cms
THEME_NAME/cmsThis folder contains all of the templates for content pages. This includes the homepage, category pages, blogs, etc.
-
includes
THEME_NAME/includesIncludes are reusable templates which can be embedded anywhere on your site.
-
404.template.html
THEME_NAME/cms/404.template.htmlThis is the template for the 404 page. This page is cached more strictly than other pages, so changes may take time to take affect.
-
category.template.html
THEME_NAME/cms/category.template.htmlThis is the default template for all category pages.
-
default.template.html
THEME_NAME/cms/default.template.htmlThis is the default template for all content pages, including blogs and excluding the homepage.
-
home.template.html
THEME_NAME/cms/home.template.htmlThis is the default template for the homepage.
-
modal.template.html
THEME_NAME/cms/modal.template.htmlThis is the wrapper template for Modals.
-
products.template.html
THEME_NAME/cms/products.template.htmlThis is the template for the `/products` page. It lists out all categories in one place.
-
search_results.template.html
THEME_NAME/cms/search_results.template.htmlThis is the default template for all search results pages.
-
store_finder.template.html
THEME_NAME/cms/store_finder.template.htmlThis is the template for the stockist page, which can be setup in the control panel.
-
includes
-
customer
THEME_NAME/customerThis folder contains all of the customer/account specific pages.
-
approve_quote
THEME_NAME/customer/approve_quoteThis folder contains templates related to users approving quotes.
-
accept_quote_confirm.template.html
THEME_NAME/customer/approve_quote/accept_quote_confirm.template.htmlThis is a confirmation page which shows when the user chooses to approve a quote.
-
accept_quote_success.template.html
THEME_NAME/customer/approve_quote/accept_quote_success.template.htmlThis is a success page which shows when the user has approved a quote.
-
delete_quote_confirm.template.html
THEME_NAME/customer/approve_quote/delete_quote_confirm.template.htmlThis is a confirmation page which shows when the user chooses to delete a quote.
-
delete_quote_success.template.html
THEME_NAME/customer/approve_quote/delete_quote_success.template.htmlThis is a success page which shows when the user has deleted a quote.
-
template.html
THEME_NAME/customer/approve_quote/template.htmlThis page lists all active quotes and gives customers the option to either approve or delete their quotes.
-
accept_quote_confirm.template.html
-
edit_account
THEME_NAME/customer/edit_accountThis is where the edit account templates are stored.
-
edit_address
THEME_NAME/customer/edit_addressThis is where customers can manage their shipping addresses and even store multiple addresses.
-
edit_pwd
THEME_NAME/customer/edit_pwdThis is where customers can manage their password.
-
favourites
THEME_NAME/customer/favouritesFrom this page customers can reorder products which they have previously ordered.
-
files
THEME_NAME/customer/filesNeto lets you upload files such as contracts to customer cards. If configured correctly in the control panel, customers can view and download these files from the accounts page.
-
template.html
THEME_NAME/customer/files/template.htmlThis page shows if the customer has no files uploaded to their user card.
-
view.template.html
THEME_NAME/customer/files/view.template.htmlFrom this page customers can view and download the files attached to their customer card in the control panel. Users cannot upload their own files.
-
template.html
-
forgotpwd
THEME_NAME/customer/forgotpwdTemplates related to resetting a forgotten password are stored here.
-
forgotusr
THEME_NAME/customer/forgotusrTemplates related to resetting a forgotten username are stored here.
-
login.template.html
THEME_NAME/customer/login.template.htmlThis is the template for the log-in page. By default it is identical to the register page though the register form can be removed from this page if required.
-
logos
THEME_NAME/logosIf configured correctly customers can upload their logo to their customer card. This is specifically designed for dropshipping.
-
logout.template.html
THEME_NAME/customer/logout.template.htmlThis page shows when the customer has successfully logged out.
-
mystore
THEME_NAME/mystoreYour customers can be your stockists! They can manage their store from this section of the accounts page and it will display them on your stockist finder.
-
edit.template.html
THEME_NAME/mystore/edit.template.htmlFrom this page customers can change stockists that they have already setup.
-
template.html
THEME_NAME/mystore/template.htmlThis page shows if the customer does not have permission to add and modify stockists.
-
view.template.html
THEME_NAME/mystore/view.template.htmlFrom this page customers can view, add and edit stockists.
-
edit.template.html
- nr_print
- nr_track_order
- nr_view_order
-
pay_order
THEME_NAME/customer/pay_orderCustomers can pay off orders with real-time payment methods in this section of their account.
-
pay_now_confirm.template.html
THEME_NAME/customer/pay_order/pay_now_confirm.template.htmlThis page contains the form for paying off orders. Users typically get here from the accounts home.
-
pay_now_success.template.html
THEME_NAME/customer/pay_order/pay_now_success.template.htmlThis page displays when the customer has successfully applied payment to an order through their account.
-
pay_now_confirm.template.html
-
payrec
THEME_NAME/customer/payrecThis is where customers can apply payment to orders in bulk.
-
print
THEME_NAME/customer/printThis folder contains templates for when registered customers print their orders from the accounts page.
-
template.html
THEME_NAME/customer/print/template.htmlThis is effectively the 404 template for printing invoices. It will show if the user is not logged in or if the order does not exist.
-
quote.template.html
THEME_NAME/customer/print/quote.template.htmlThis template acts as a wrapper for the page when registered customers print their quotes from the accounts page.
-
order.template.html
THEME_NAME/customer/print/invoice.template.htmlThis template acts as a wrapper for the page when registered customers print their invoices from the accounts page.
-
template.html
-
register
THEME_NAME/customer/registerThis folder contains templates for the customer registration process.
-
resetpwd
THEME_NAME/customer/resetpwdFrom here customers can complete the registration process after submitting their first order. When they do so, they receive an email asking if they'd like to set a password for the user we have automatically created for them.
-
template.html
THEME_NAME/customer/template.htmlThis is the index page for user accounts. It features a summary of recent orders as well as links to the other customer-centric pages.
-
track_order
THEME_NAME/customer/track_orderThis is the success page which shows after the user has successfully set their password.
- view_order
- vouchers
- warranty
- wholesaleregister
- wishlist
- write_contentreview
- write_review
-
approve_quote
-
footers
THEME_NAME/footersThis is where the templates for your websites footers are stored. Every page has both a header and a footer.
-
headers
THEME_NAME/headersThis is where the templates for your websites headers are stored. Every page has both a header and a footer.
-
netothemeinfo.txt
THEME_NAME/netothemeinfo.txtThis file includes the description, name and version details for your theme.
-
products
THEME_NAME/productsThis folder contains all of the templates for your product pages.
-
includes
THEME_NAME/products/includesIncludes are reusable templates which can be embedded anywhere on your site. This particular folder is specifically reserved for the product pages AJAX templates.
-
buying_options.template.html
THEME_NAME/products/includes/buying_options.template.htmlThis template features the standard add-to-cart interface and the shipping calculator. By default, it shows on all products that either have variations, or don't have variations AND don't have editable components.
-
child_products.template.html
THEME_NAME/products/includes/child_products.template.htmlThis template features the default child product interface. It shows on parent products that have children, but don't have variations.
-
components.template.html
THEME_NAME/products/includes/components.template.htmlThis template includes the interface for editable kits.
-
header.template.html
THEME_NAME/products/includes/header.template.htmlThis template includes the pricing, product title and sale/stock details.
-
images.template.html
THEME_NAME/products/includes/images.template.htmlThis template includes the product images.
-
buying_options.template.html
-
template.html
THEME_NAME/products/template.htmlThis is the primary template for your product pages. It wraps the various AJAX templates/includes and contains additional generic layout code.
-
includes
-
thumbs
THEME_NAME/thumbsAdvert and Thumblist tags utilise thumbnails for their layout. All thumbnails are located in this folder.
-
cart
-
css
THEME_NAME/cssYour themes CSS files are stored in here.
-
app.css
THEME_NAME/css/app.cssThis is the compiled source-file for the Neto base template. Do not edit this file.
-
style.css
THEME_NAME/css/style.cssThis is the CSS specifically for the theme. This is the best place to put custom styles.
-
style.info.txt
THEME_NAME/css/style.info.txtThis file contains information on the customisable variables of the theme. It is parsed by the theme editor in the control panel.
-
app.css
-
js
THEME_NAME/jsYour themes JavaScript files are stored in here.
-
scss
THEME_NAME/scssYour themes uncompiled SCSS files are stored in here.
-
templates
-
skeletal
-
themes
-
assets
Hover over any highlighted folders to see any relevant notes about them.
Template partials
A Neto webpage is made up of different templates based on the type of page it is, but a common design practice is one page is made up of 3 templates: header, body and footer. The header and footer are generally the same for all pages, but the body will have a different template based on what page it is.
A homepage is created by the following templates:
└── templates
├── cms
│ └── home.template.html
├── footers
│ └── template.html
└── headers
└── template.htmlA category page is made by these templates:
└── templates
├── cms
│ └── category.template.html
├── footers
│ └── template.html
└── headers
└── template.htmlA product page is a little different, because it handles more complex logic than other pages. It's body template is in it's own directory, products, instead of CMS.
└── templates
├── products
│ ├── includes
│ └── template.html
├── footers
│ └── template.html
└── headers
└── template.htmlIt also has an includes folder that has reusable templates which can be embedded anywhere on your site. This particular folder is specifically reserved for the product pages AJAX templates.