BooStore platform structure.
BooStore is a platform for creating websites and online stores of any complexity with great functionality.
Main Blocks
The site is divided into main blocks: Headers, Bottom (website footer), left and right blocks, as well as a central block to display the main content.
You can insert your own data into these blocks, for example, design your own header or footer (Bottom of the site), create your own blocks with any html data and use the CSS editor to design the site in any style. Blocks can be filled in or changed in the "My Blocks/Menu" section.
Data types
Pages
Page is a block located in the center of the site, in the content area, which can contain any HTML data (HTML, XHTML, JAVASCRIPT, CSS, and others).
News
News - the same block as pages, but have a short description, which is displayed as a list, with a link to view the full text of the news.
Article catalog
The article catalog is the same block as the news, but it is possible to separate lists of articles by Category. For text content divided into groups, it is recommended to use the Articles Catalog.
Lists of articles can be displayed not only within categories, but also generate your own lists using a widget to be displayed in any part of the site, for example, in the Block on the left, or on any page.
Block/Menu
Block/Menu is a block where you can insert any HTML code. You can also use menus with predefined functions, such as shopping cart, search filter, bestsellers, latest articles, and more.
Block/Menu can be used to create your own website style/design. For example, you can create a Site Header, place the necessary elements in it (Logo, Contacts, Site navigation links, Search engine form and so on) and write CSS styles for them in the design editor. With the help of blocks/menus, you can place scripts, including in meta tags, as well as enable/disable the display of this data on certain pages or devices. In most cases, you just need to use the Header / Header and Footer / Bottom of the site, as well as, for example, the left or right Block / Menu to place a search filter. You can place site scripts in one Block/Menu, and place it, for example, in Service tags. Additionally, automatic creation of JavaScript cached files is provided, if you check the appropriate box when creating a block/menu.
The position class will be added to all menus, as well as a unique menu_id, in order to make it more convenient for you to change the style, only for a specific block/menu.
Shop
A store can contain an organized list of products with buttons to order them. The store provides a lot of additional data, divided by manufacturers, categories, product types, characteristics and other properties.< /p>
Product lists can be displayed not only within categories, but also on pages, blocks/menus, and articles. To do this, create a page, and in the text, add the widget code with products.
Category lists can be displayed on pages or blocks/menus. To do this, create a page or Block/Menu, and in the text, add the code Categories Widget shop
The functionality of the platform allows you to create a full-fledged hypermarket, with a search filter, product characteristics and comparison, display product lists by parameters, for example: «new products», «bestsellers», «promotional offers», «recently viewed» , «products of a certain manufacturer», «selected products» and others, as well as using a widget to create a custom list with products or categories for placement on pages or blocks of the site. Products may contain variations (for example, the same product in a different color or size). All orders are sent not only to the mail, but also to the built-in sales statistics. The store offers various marketing tools, cashback, discounts, distribution of related products and much more. You will be able to connect payment systems, delivery methods, use groups of buyers, carry out mailings to the customer base, export orders and unload goods in various formats.
Form
Form is a section of a document that allows the user to enter information for further processing by the system. On the BooStore platform, you can create full-fledged forms, with names, id and class bindings for fields. Form data can be processed on our platform or sent to any other resource. Data from the forms can get into sales statistics, email, as well as Telegram and Viber.
AJAX
Additionally, almost all data can be loaded using a JavaScript request, for example: Cart, Product Cards, Search Result, Articles, News and Pages.
Site Management
The site is administered in the Admin Center or through the Admin Panel, which is located on the left, and is available only after authorization on the site.
The site administrator login path /admin/ which must be entered after your site domain if you have hidden the authorization button.
The site provides Sharing, which allows you to add rights to some users to manage the site. In order to allow another user to manage the site, you need to add a Manager and set access rights , in the Users section.
Manage pages.
In the Admin Panel, in the Pages section, you can add or remove pages. Pages can contain HTML data, as well as contain predefined data, such as, for example, a list of recently viewed products, new products, a shopping cart, news, and so on. Such pages are called "Functional".
To create a page, click «Add Page». If you need to create your own page, without predefined data, then click «Create Page» again. Now you can specify the title and other data. The text of the page will be displayed in the block for the content, that is, in the middle of the site. The page name is its path. For example, if the page name is «home», then use «home.htm» to open it. The resulting path to the page can be inserted into the main menu, into site blocks, or into the text of other pages.
You can use any HTML data to style your page text. To simplify data editing, you can use the built-in editor, which can be enabled by clicking «Editor» above the main text entry field.
On the page, you can also insert not only any HTML data, but also data from widgets that can contain interactive data, such as a list of articles, a list of products, store categories, and others. To activate them, click the "Widgets" button, and fill in the data according to the instructions.
If you need to create a page with predefined data, then after clicking «Add Page», select «Create Functional Page». In the window that opens, you can choose which page you want to create.
Functional pages are activated by their name, for example, if you need to create your own shopping cart page and text after placing an order, then select «Cart (Text above the order form)» in the pop-up window. The page will contain a list of items added to the cart, as well as the text that you will insert into it. This page is divided into the basic data of the cart and the text in case of successful order submission, which you can change. For example, if you want to add your own successful conversion code, then fill in the «Text in case the order was successfully sent» field with the text «Order successfully sent» and add the conversion code. In this case, the text of the page will be displayed on the shopping cart view page before the customer has completed the order submission. And «Text in case of successful sending of the order» - after sending the order.
The main page of the site is also functional, and may contain welcome text, a list of products, or other data. To create it, click «Create Functional Page», and select «Main Page». The name of the page will be "index". Now you can specify it as the main page by clicking in the «Pages» section - «Specify the main page for the site». Select "Page named index" and save changes.
Note: the page path may contain its language, for example, if the «home» page is created in Russian, then the page path is recommended to use the following «/ru/home.htm».
You can enable the mandatory addition of a language to the page path in the site settings, in the «Languages and start page» tab, in the «Redirect with language binding» section. In the same tab, you can specify the main language of the site, which will open if the visitor goes without specifying the language of the page.
Multilingualism on the site is implemented using the «Page in other languages» item, for example, if you want to create a «home» page in English, then repeat the procedure for creating the «home» page, specifying the page language - en . Now it is necessary for both pages with the name «home» to specify the same value in the «Page in other languages» item, for example, the ID of the first created page «home». P.s. when creating pages with the same name in different languages, this item will be filled in automatically.
Adding products
Products are added in the "Shop" - "Add product" section.
Fill in all the required details, such as "Name", "Price", "Category", "Product Image" and "Description". To add a «Product Card», you must specify the «Name». You can find all additional instructions on the page for adding a product by clicking on the icons with a question mark.
The language of the added product will match the language of the category it is added to.
It is recommended to add a product to the category you created, for example "Shop" → "Sneakers", this will help create a clear structure for your store.
If you want to use product features, please add a «Product Type» first. This can be done in the «Store» - «Product Types and Features» section. After that, in the «Parameters, price and variety» tab, specify the type of product and fill in the characteristics. Characteristics can be used in a search filter, product comparison, and also displayed in the product description. In the same tab, you can add product varieties, if necessary. We recommend that you specify «Product Code/SKU», as this will help you when importing and exporting goods, as well as for taking orders by phone.
The product may contain a list of related products, as well as a separate list of products for distribution by e-mail, which will be sent to the buyer additionally when placing an order.
Add Store Categories
It is recommended to create a clear structure in the store, dividing products into categories.
For example, if you sell «Sneakers», then create a category «Shop» → «Sneakers». In this case, the initial category «Store» must also be created in advance.
If you install a template, the main category «Store» will be created automatically. If such a category does not exist, then go to the «Store» - «Store Categories» section and create a category with the name «store» and the title «Store». If the store is planned in several languages, then we recommend adding a language prefix in the category name, for example, for the Russian-language category - «store_ru». Then add subcategories to it.
The category path will be displayed at the top of the product catalog in tree form, for example «Shop» - «Sneakers».
Category name is the path to the category, for example, for the Russian version of the site it is «/ru/store_ru/».
Category description will be displayed at the top of the list of products or below it, depending on the parameters specified during creation.
Category can contain additional SEO data that will be added automatically to product meta data.
You can find all additional instructions on the page for adding a category by clicking on the icons with a question mark.
Product features, search filter and comparison
Types of goods and characteristics to them are used for convenient division of goods by their properties, as well as to create a search filter, with division by many characteristics.
Product features can be grouped by product type.
To create features, you first need to create a product type.
There will be different feature groups for different product types.
Create a product type, and after saving, add values to the characteristics.
If you plan to enable comparison of products, then when creating «Product Type» and «Characteristics», check the «Comparison» checkbox for those items that will participate in the comparison.
After that, when adding a product, you can specify its "Type", and set the characteristics, in the "Parameters, price and variety" tab.
Let's look at an example.
Let's create a product type - "Sneakers" and add a feature type. Title - "Destination", Type - "Multiple Choice". Meanings: "Running", "Basketball", "Volleyball", "Football".
Create a search filter.
The resulting "product type ID" can be used to create a search filter block, for example, on the left side of the site.
To create a "Search Filter" click "My Blocks/Menu" - "Add Block/Menu".
Select "Create Function Menu" and click "Search with Filter by Product Type". In the menu text, you can use the «autopath» parameter, which will tell the filter that the search should be carried out within the open «Category», as well as the «Product Type ID», if you need to immediately place disclosures to search for the product type. If the parameters are not specified, then the visitor will be able to select the required "product type" on their own. In our example, we specify "Block/menu text" - "1027|autopath", where "1027" is the ID of the "Sneakers" product type, and "autopath" is the search parameter on the same category page.
Block/Menu position is «Left». And also specify the parameter "Enter characters, upon detection of which to display the Block / Menu" - "/ru/pers_shop/sneakers", to display the search filter in expanded form, only on the page of the "Sneakers" category, if the name of the category is "sneakers". You can find out the path of all your categories after they are created. If the "Search filter" needs to be hidden on the "Product cards" page, then specify ".htm" in the "Enter characters that, if found, do not display the Block/Menu" item.
Product characteristics.
After the "Types of goods" are created, you can specify the "Characteristics for the goods". Go to the "Shop" - "My Products" section, open the product card for editing and in the "Parameters, Prices and Variety" tab, select the required "Product Type" and fill in the characteristics.
All product cards, as well as characteristics, can be imported in the "Shop" - "Import products" section. To do this, first upload a few test products in the "Shop" - "Export Products" section by checking the "Export Product Types and Features" checkbox and use the created file as a template for uploading new or updating existing products.
Product comparison.
Once the characteristics for the products are filled in, they can be used to compare products. To do this, turn on the comparison in the «Settings» - «Store» - «Product View / Tabs / Variety» section. Only those characteristics for which the «Comparison» checkboxes are set are used to compare products when creating Product Types.
Creating a mobile menu
You can create a mobile menu block with your own icons and drop-down menu items and sub menu items. To do this, go to the "My Blocks/Menu" section and select "Mobile Menu: Application" and click "Add Mobile Block/Menu". Select the icons you want to display, create menu items and click save.
This mobile menu code is cached and activated only at the specified screen size (default less than 768px). The mobile menu builder allows you to use custom shopping cart icons, a search dropdown menu, a search filter, popup pages with ajax data loading (no page refresh), popup feedback and callback forms, an icon for favorites and products for comparison. You can change the color of the mobile menu and icons, upload your own icons, change the order of the icons, and hide the main header of the site or its elements.