Thank you for purchasing our extension. If you have any questions that are beyond the scope of this document, please feel free to contact us, we will be happy to assist.
CreatedUpdated: 2201/0609/2016 2021 | By: Magenest | Email: [email protected] | Shop By BrandSupport portal: http://servicedesk.izysync.com/servicedesk/customer/portal/21149
Table of Contents |
---|
...
Introduction
Ajax Search Shop By Brand extension for Magento 2 is a powerful tool to boost sales by allowing customers to choose products from brands they want to buy.
Extension's page: Shop By Brand
Key Features
- Easily create the new brand, including: brand name, logo, banner, slogan and more
- Allow admin to add products when creating the new brand
- Allow admin to add an existing product into a brand
- Allow admin to show product with the brand name
- The dashboard displays the percentage of brands (using pie chart) that contain the product
The dashboard displays total order of brands, contribution of each brand (calculation based on product price).
Allow admin to show brand icon in product list
- Allow admin to show featured product and featured brand
Allow customers to search for the brand
System Requirements
Your store should be running on Magento 2 Edition version 2.1.x., 2.2.x
Video
Widget Connector | ||||||
---|---|---|---|---|---|---|
|
Configuration
Set configuration
Go to Stores > Configuration > Shop By Brand to configure.
In general:
- Add Brands page Link to Main Menu: to add brand drop down list on Main Menu bar
- Menu Title: The Title of the Brand menu on Main Menu bar, if you leave this blank, it will shows the default title (Brands)
Brand Detail Page
- Display Featured Products: Enable the featured products to display for each brand
- Title featured products: The title displayed for Feature products section
- Display Featured Brands: To enable the popular brands to display on Brands page
- Title featured brand: The title of the popular brands section
- Display brands list: Show brand list in alphabet order
Product Detail:
You have 4 options for display mode:
- No: Disable this option
- Show brand name
- Show brand icon
- Show brand name and icon
Product Listing
Display Icon Brand in Product List: To show brand icon in each product on product listing page
All Brand Page Setup
- URL Key: URL of Brands page
- Title: Title displayed on Brand Page
- Meta keywords
- Meta description
provides customers with a better navigation experience by showing suggestions as soon as the customers begin typing on the search box. Suggested search results come with rich preview and links to product pages.
Key Features
For Admins:
Set the number of characters required to render a suggestion.
Set a delay time before rendering suggestions
Set the layout of the drop-down list with two options: vertical or horizontal.
Set the position and width of the suggestion box.
- Set category tree to display and depth of tree.
Add and set the color of the header, footer, and title.
Manage the number of displayable products.
Display product price, image, or description upon suggestion.
For customers:
Search for products and pages based on product titles and suggestions.
- Search by category
- Voice search (on supported browsers)
Quickly access to products, pages from the suggestions in the drop-down list.
System Requirements
Your store must be running on Magento Open Source 2.2.x, 2.3.x, 2.4.x or Magento Commerce 2.2.x, 2.3.x, 2.4.x
...
Configuration
On the Admin sidebar, go to Magenest Search > Magenest > Search Configuration.
There are three configuration sections: General Configuration, Product Setting, Header, and Footer Setting.
General Configuration
- Enable Ajax search: Choose Yes to enable Ajax Search.
- Number of results: Enter the number of results that will show up on the suggestion (Note: The maximum number is 20.)
- Limit number of characters in the descriptions section: Enter the number to limit the characters in the descriptions section (Note: Character limit of description from 40 to 100.)
- Always display Suggestions: Choose Yes to always show the suggestion results
- Display text when products area is empty: Enter the text that will show up when no products are found
- Minimum Characters Before Suggestion: Set the number of characters required in the search field to trigger the results to appear.
- Delay: Enter the amount of time for the search results to show up after the customer input the keywords. Unit: second.
- Display Suggestion: Select Vertical or Horizontal display layout
- Suggest Box Width: Set the width and position of the drop-down list by choosing 1 of 3 options: 150% left, 250% left, and Center
- Sort Suggestion based on: Set the order of the suggestion as Most Viewed, Name, New or Price. ('New' sorting depends on 'Set as New From' and 'Set as New To' product attributes)
- Title Background Color: Set the background color of the search section title (Note: In case the background color is not set, the default color #eeeeee will be set automatically.)
- Title text color: Select the color of the text (Note: If the text color is not selected, the default color will be set as #000000.)
- Voice Language - Country: Select the language for the voice search
Search by Category Configuration
- Enable Search By Category: Choose Yes to display the category list next to the search box
- Category Tree Level: Select the category tree's depth
Product Setting
- Display Price: Choose Yes to display the product price at the suggestion result
- Display Product Image: Choose Yes to display product image at the suggestion result
- Display Product Description: Choose Yes to display product description at the suggestion result (with the limited character)
- Display Review Rating: Choose Yes to display product rating at the suggestion result
- Display Button Add To Cart: Choose Yes to enable the Add to cart button at the result box
Header And Footer Setting
- Header And Footer Background Color: Set the background color of the header and footer (using the color palette or entering the color code manually. Default color will be set as #000000 if this section is left blank)
- Header And Footer Color: Set the color of the header and footer text (using the color palette or entering the color code manually. Default color will be set as #FFFFFF if this section is left blank)
- Header Content: Input the text for the header of the suggestion box.
- Footer Content: Input the text for the footer of the suggestion box.
...
Storefront
After setting up the search box on the Magento back end, you can see the search layout on the front end accordingly.
- Vertical layout display
- Horizontal layout display
- 150% left suggestion box
- 250% left suggestion box
- Center suggestion box
- Product information displayed in the suggestion box
- Suggestion box's header and footer
Main Functions
Backend
- Dashboard
Go to Shop By Brand > Dashboard, admin can view the charts reporting the percentage of each brand in store (pie chart) and the total order of the brands in store (bar chart)
- Create a new group
In admin panel, go to Shop By Brand > Manage Groups
Click on Add new group button to create a brand attribute.
In the New group page, fill in the brand attribute title and choose Enable.
Then click on Save Group to create the new brand attribute.
The brand attributes created will be displayed on the front end as follows
Create a new brand
Go to Shop By Brand > Manage Brands
You can add new brand by clicking on Add New Brand button, or import the brand list by clicking on Import.
- Add New Brand button
There are 4 tabs: General, Images, Products, Brand Page
General:
- Title: The brand name
- Status: Enable brand rule
- Featured: Enable showing the featured products of the brand
- Store Views: Choose All Store Views or a certain store that you want.
- Group: Choose one or more brand groups/attributes
Images: Admin can upload logo of the brand on Brand Page, and in Brand Detail, as well as Banner displayed on Brand Page
Products:
To add the products to the brand, you select the products in the grid table then click on Add Product button.
Brand Page: You can update the brand information in this tab, including the title, URL, slogan, description, meta keywords, meta description.
Please Save button to create new brand.
2. Import brand list
When clicking on Import button, you will be directed to a page where you can upload the brand list using csv or xml file.
You can download the sample file here SampleFile.csv
Add products into the brand
There are 2 ways to add a product into a brand: adding when the brand is created (see in Create a new brand section), adding in each product setting.
To add the products in the product setting, you can go to Products > Catalog then choose the product.
In the product info page, scroll down to Brand Product tab, you can choose the brand from Product Brand.
Create the widget displays brand list
Go to Content > Pages, choose to edit the page you want to show the widget. For example, here we choose the Home Page.
In the Content section, click on Insert Widget button
Choose the Widget Type as List Brand
Frontend
Brand Listing Page
Customers only click on Brand on menu bar to view all of brands or choose a brand from the drop-down list.
Click on Brands, it will direct customer to the Brand page
The brands can be group by brand attributes (Kid's, Men's, Women's)
The popular brands (Featured brands) will be shown with logos and names.
All of the brands will be displayed in Alphabet order.
Brand detailed page
Product details page
When customers buy a product, at this product details page will be shown the brand name if this product belongs to any brands.
Show widget on any page
The brand list widget will be shown according to the sort order number.
Update
- When a bug fix or new feature is released, we will provide you with the updated package.
- All you need to do is repeating the above installing steps and uploading the package onto your store. The code will automatically override.
- Flush the configure cache. Your store and newly installed module should be working as expected.
Support
- We will reply to support request within 2 business days.
- We will offer lifetime free update and 6 months -month free support for all of our paid products. Support includes answering questions related to our products, bug/error fixing to make sure our products fit well in your site exactly like our demo.
- Support DOES NOT include other series such as customizing our products, installation and uninstallation service.