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

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

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

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

Click the brand logo or brand name to go to the Shop By 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.

II.3. Brand Logo In Product Page

Customers can see the Brand Logo Design 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.

Way 2: Go to SHOP BY BRAND -> 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 Url Prefix: Enter the Brand URL Prefix.

• Brand Url Suffix:: Enter the 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

• Enabled Brand Block: Select “Yes” to enable 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

• 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

• 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

• 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.

• 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.

The Admin can search, filter on the table.

Perform mass action on the table.

Choose the number of items displayed in the table.

Click Edit in the Action column to edit brand.

III.3.2. Add New Brand

From Manage Brands Page, click Add New Brand button.

Or choose SHOP BY BRAND -> Add New Brand.

Brand Information

Fill in the Brand Information on the form.

Products

Select brand products.

Design

Set up Page Layout.

Meta Data

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.

The Admin can search, filter on the table.

Perform mass action on the table.

Choose the number of items displayed in the table.

Click Edit in the Action column to edit group.

III.4.2. Add New Group

From Manage Groups Page, click Add New Group button.

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!