Magetop Shop By Brand Extension Guide

Magetop Shop By Brand Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.

I. Introduction

Magetop Shop By Brand Extension

Magento 2 Shop by Brand Extension is a great plugin to showcase branded products on your store. You can Create and Customize as many brands as you want, assign products to the brands and allow customers to filter and view products from their favorite brands in multiple ways. Also you can set SEO Meta details for the brand page.

Highlight features:

  • Link in top Navigation.
  • Automatic assiciate with default manufacturer attribute.
  • Can Re-Sync for New Manufacturer Brand.
  • Any Brand Can be Assign as Featured.
  • Left Side bar Block for Shop By Brands.
  • 100% Open-source, Support multi-store, Support multi-language.

II. How to use

II.1. Shop By Brand Main Page

Shop By Brand Main Page
Shop By Brand Main Page

In Shop By Brand Main Page includes Brand Group and Brands which are available in the store.

Brand Group and Brands which are available in the store

Click one of group to go to the Brand Group Page.

Click one of group
Brand Group Page

Click the brand logo or brand name to go to the Shop By Brand Detail Page.

Click the brand logo or brand name
Brand Detail Page

II.2. Shop By Brand Detail Page

The Shop By Brand Detail Page includes the components Brand Name, Brand Image, Description, Brand Products and Brand Group.

Shop By Brand Detail Page

II.3. Brand Logo In Product Page

Customers can see the Brand Logo Design on the Product Page.

Brand Logo on the Product Page

III. How to configure

III.1. Configuration

Have two ways to go to the Configuration:

Way 1: Go to STORES -> Settings -> Configuration -> MAGETOP.COM -> Shop by Brand Setting.

Go to Magetop.com - Shop by Brand Setting

Way 2: Go to SHOP BY BRAND -> Settings.

Go to Shop By Brand Configuration

General Settings

General Settings
  • Enable: Select “Yes” in Enable field to activate The Shop By Brand module.
  • Brand List Url: Enter the URL of Brand List Page.
Brand List Url
  • Brand Url Prefix: Enter the Brand URL Prefix.
Brand URL Prefix
  • Brand Url Suffix:: Enter the Brand URL Suffix.
Brand Url Suffix
  • Enable Brand Categrories Menu: Select “Yes” to enable Brand Categrories Menu in module.
  • Enable Search Brand Block: Select “Yes” to enable Search Brand Block in module.

Brand Info On Product View Page

Brand Info On Product View Page
  • Enabled Brand Block: Select “Yes” to enable Brand Block in Product Page.
Brand Block in Product Page
  • Show Brand As Listing: Select “Yes” to show brand as listing.
  • Show Brand Text: Select “Yes” to show brand text.
  • Show Brand Description: Select “Yes” to show brand description.
  • Brand Text: Enter the brand text where show above brand list.
  • Show Brand Logo: Select “Yes” to show brand logo in brand block.
  • Show Brand Name: Select “Yes” to show brand name in brand block

Brand List Page

Brand List Page
  • Layout:
    • List: Show brand as listing.
    • Grid: Show brand as grid
  • Show Brand Name: Select “Yes” to show brand name on Brand List Page.
  • Number Brand Per Page: Enter the number brand show per page.

SEO – Search Engine Optimization

  • Page Title: Enter the SEO title of page.
  • Meta Description: Enter the meta description of page.
  • Meta Keywords: Enter the meta keywords of page.

Grid Layout

  • Number Column on Large Desktop: Enter the number of column on large desktop. Large devices Desktops (≥1200px).
  • Number Column on Desktop: Enter the number of column on desktop. Medium devices Desktops (≥992px).
  • Number Column on Tablets: Enter the number of column on tablets. Small devices Tablets (≥768px).
  • Number Column on Phones: Enter the number of column on phones. Extra small devices Phones (<768px).

Group Page

Group Page
  • Show Brand Name: Select “Yes” to show brand name on Group Page.
  • Number Brand Per Page: Enter the number brand show per page.
  • Number Column on Large Desktop: Enter the number of column on large desktop. Large devices Desktops (≥1200px).
  • Number Column on Desktop: Enter the number of column on desktop. Medium devices Desktops (≥992px).
  • Number Column on Tablets: Enter the number of column on tablets. Small devices Tablets (≥768px).
  • Number Column on Phones: Enter the number of column on phones. Extra small devices Phones (<768px).

Brand Block

Brand block 1
Brand block 2
  • Enable: Select “Yes” to enable Brand Block.
  • Title: Enter the Brand Block Title.
  • Pretext HTML: Enter your HTML snippet. It will show after the title. Leave blank to hide.
  • Brand Group: Choose brand group.
  • Show Brand Name: Select “Yes” to show brand name on Brand Block.
  • Number of Brand to Display: Enter the number of brand show on Brand Block
  • Addtion Class: Enter the addtion class.
  • Carousel Layout: Choose the carousel layout:
    • Owl Carousel.
    • Bootstrap Carousel.
  • Number Item per Column: Enter the number of item to show per column. Default is 1.
  • Number Columns On Page (Phones): Enter the columns show on-page of phones device. Show number items when screen size bellow 480px.
  • Number Columns On Page (Phones to Small tablets): Enter the columns show on-page of phones or small tablets device. Show number items when screen size between 641px and 480px.
  • Number Columns On Page (Phones to tablets): Enter the columns show on-page of phones or tablets device. Show number items when screen size between 768px and 641px.
  • Number Columns On Page (Portrait tablets): Enter the columns show on-page of portrait tablets device. Show number items when screen size between 979px and 769px.
  • Number Columns On Page (Default): Enter the columns show on-page. Show number items when screen size between 1199px and 980px.
  • Number Columns On Page (Large display): Enter the columns show on-page for large display device. Show number items when screen size 1200px and up.
  • Autoplay: Select “Yes” to enable auto play.
  • Autoplay Timeout: Enter the number of autoplay interval timeout.
  • Pause on Hover: Select “Yes” to enable pause on hover.
  • Loop: Select “Yes” to enable loop.
  • RTL: Select “Yes” to enable RTL.
  • Show dots navigations: Select “Yes” to show dots navigations.
  • Show next/prev buttons: Select “Yes” to show next/prev buttons.
  • Nav Prev: Enter the text of Nav Prev.
  • Nav Next: Enter the text of Nav Next.

III.2. Import Brands Products

To go to Import Products for Brands, choose SHOP BY BRAND -> Import Brands Products.

Go to Import Brands Products
Import Products for Brands
  • Upload CSV File: Upload your products CSV file.
  • Split Symbol: Enter the delimiter to read data of CSV file. For example: “;”. Default: “,”.
  • Configuration Scope: Select Configuration Scope.

After finish, click the Import Configuration button.

III.3. Manage Brands

III.3.1. Manage Brands

Go to SHOP BY BRAND -> Manage Brands.

Go to Manage Brands

The Admin can search, filter on the table.

The Admin can search, filter on the table 1
The Admin can filter on the table 2

Perform mass action on the table.

Perform mass action on the table

Choose the number of items displayed in the table.

Choose the number of items displayed in the table

Click Edit in the Action column to edit brand.

Click Edit in the Action column to edit brand
III.3.2. Add New Brand

From Manage Brands Page, click Add New Brand button.

Click Add New Brand button

Or choose SHOP BY BRAND -> Add New Brand.

Go to Add New Brand

Brand Information

Fill in the Brand Information on the form.

Fill in the Brand Information on the form 1

Products

Select brand products.

Select brand products

Design

Set up Page Layout.

Set up Page Layout

Meta Data

Fill in Meta Data form.

Fill in Meta Data form

Click Save Brand button when complete.

III.4. Manage Groups

III.4.1. Manage Groups

Go to SHOP BY BRAND -> Manage Groups.

Go to Manage Groups

The Admin can search, filter on the table.

The Admin can search, filter on the table (Manage Groups)
The Admin can filter on the table (Manage Groups)

Perform mass action on the table.

Perform mass action on the table (Manage Groups)

Choose the number of items displayed in the table.

Choose the number of items displayed in the table (Manage Groups)

Click Edit in the Action column to edit group.

Click Edit in the Action column to edit group
III.4.2. Add New Group

From Manage Groups Page, click Add New Group button.

Click Add New Group button

Fill in the Group Information on the form.

Fill in the Group Information on the form

Click Save Group button when complete.

IV. Conclude

Above is our guide for Magetop Shop By Brand Extension. If you have any questions please boldly contact us. We will help you. Thanks for reading.

It comes to the end of the blog: Magetop Shop By Brand Extension Guide.

You can read more useful posts like Magetop Delete Orders Extension Guide.

Follow us for the more helpful posts!

We hope this is a useful series for you.

Thank you for reading!

4.3 3 votes
Article Rating

Aaron LX

Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.

Leave a Reply or put your Question here

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x