How to Get Data on Frontend From System Configuration File in Magento2

When we create a model inside Magento 2, we also give the system configuration of that model so that the admin user can manage it easily.

System Configuration Data Data in phtml

And any extension or model is considered good only when its user experience is good.

The more you manage or customize the admin side of the extension, the better your admin experience will be.

In this article, I am going to tell you how to create a configuration of System.xml in the admin of any model and get its data in the front end.

 

Get System Configuration Data in Phtml File

The system.xml is a configuration file that is used to manage any extension or module in Magento 2 by giving the option on the admin side to customize or change the behavior.

Configuration options are available in Magento 2

Store -> Settings -> Configuration

 

Step 1: Create Registration File

Here in the first step, you have to create a registration file to register your Magento 2 module or extension.

Wishusucess/SystemHelloworld/registration.php
<?php
/**
* @Developer: Hemant Kumar Singh Magento 2x Developer
* @Website: http://www.wishusucess.com/
*/ 
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::MODULE,
'Wishusucess_SystemHelloworld',
__DIR__
);

 

Step 2: Create Module XML File

Now you have to create a module XML file to give the module version and basic information of your Magento 2 System configuration module.

Wishusucess/SystemHelloworld/etc/module.xml
<?xml version="1.0"?>
<!--
/**
* @Developer: Hemant Kumar Singh Magento 2x Developer
* @Website: http://www.wishusucess.com/
*/
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
<module name="Wishusucess_SystemHelloworld" setup_version="1.0.0" active="true"></module>
</config>

 

Step 3: Create System Configuration XML File

The system. xml file is known as the configuration file that we used to create admin configuration fields in Magento 2 Module or extension.

This file decides the admin setting options for any extension or Module.

Store -> Setting -> Configuration
Wishusucess/SystemHelloworld/etc/adminhtml/system.xml
<?xml version="1.0"?>
<!--
/**
* @Developer: Hemant Kumar Singh Magento 2x Developer
* @Website: http://www.wishusucess.com/
*/
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Config:etc/system_file.xsd">
<system>
<tab id="wus" translate="label" sortOrder="10">
<label>Wishusucess</label>
</tab>
<section id="wishusucess_systemhelloworld" translate="label" sortOrder="130" showInDefault="1" showInWebsite="1" showInStore="1">
<class>separator-top</class>
<label>Hello World</label>
<tab>wus</tab>
<resource>Wishusucess_SystemHelloworld::wishusucess_systemhelloworld</resource>
<group id="general" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="0" showInStore="0">
<label>General Configuration</label>
<field id="enable" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="0" showInStore="0">
<label>Module Enable</label>
<source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
</field>
<field id="text_title" translate="label" type="text" sortOrder="1" showInDefault="1" showInWebsite="0" showInStore="0">
<label>Title</label>
<comment>This title text.</comment>
</field>
<field id="text_description" translate="label" type="text" sortOrder="1" showInDefault="1" showInWebsite="0" showInStore="0">
<label>Description</label>
<comment>This is description text.</comment>
</field>
</group>
</section>
</system>
</config>

 

Step 4: Config XML file for Admin

Now we are going to create a config XML file that we used to provide the default value in admin configuration fields in Magento 2 admin.

Wishusucess/SystemHelloworld/etc/config.xml
<?xml version="1.0"?>
<!--
/**
* @Developer: Hemant Kumar Singh Magento 2x Developer
* @Website: http://www.wishusucess.com/
*/
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Store:etc/config.xsd">
<default>
<wishusucess_systemhelloworld>
<general>
<enable>0</enable>
<text_title>Wishusucess System Config Hello World</text_title>
<text_description>Wishusucess System Configuration Hello World Module</text_description>
</general>
</wishusucess_systemhelloworld>
</default>
</config>

 

Now till here, if you will run the below command then you will see the configuration like below screenshot

php bin/magento setup:upgrade

php bin/magento setup:static-content:deploy -f

php bin/magento cache:clean

Magento 2 Create System Configuration

 

Step 5: System Configuration Helper Class

Now here we will get the data from a system XML file, we will initialize the path of each field id of the system.xml file in Magento 2.

In order to initialize the field path, we will prefer the order hierarchy.

Section_id/group_id/field_id
Wishusucess/SystemHelloworld/Helper/Data.php
<?php
/**
* @Developer: Hemant Kumar Singh Magento 2x Developer
* @Website: http://www.wishusucess.com/
*/
namespace Wishusucess\SystemHelloworld\Helper;
use Magento\Framework\App\Config\ScopeConfigInterface;

class Data extends \Magento\Framework\App\Helper\AbstractHelper
{

/**
* Admin configuration paths
*
*/
const IS_ENABLED = 'helloworld_config/general/enable';

const TEXT_TITLE = 'helloworld_config/general/text_title';

const TEXT_DESCRIPTION = 'helloworld_config/general/text_description'; 
/**
* @var \Magento\Framework\App\Config\ScopeConfigInterface
*/
protected $scopeConfig;

/**
* Data constructor
* @param \Magento\Framework\App\Helper\Context $context
* @param \Magento\Framework\App\Config\ScopeConfigInterface $scopeConfig
*/
public function __construct(
\Magento\Framework\App\Helper\Context $context,
\Magento\Framework\App\Config\ScopeConfigInterface $scopeConfig
) {
parent::__construct($context);

}

/**
* @return $isEnabled
*/
public function isEnabled()
{
$isEnabled = $this->scopeConfig->getValue(self::IS_ENABLED, 
\Magento\Store\Model\ScopeInterface::SCOPE_STORE
);

return $isEnabled;
}

/**
* @return $textTitle
*/
public function getTextTitle()
{
$textTitle = $this->scopeConfig->getValue(self::TEXT_TITLE,
\Magento\Store\Model\ScopeInterface::SCOPE_STORE
);

return $textTitle;
}

/**
* @return $textDescription
*/
public function getDisplayText()
{
$textDescription = $this->scopeConfig->getValue(self::TEXT_DESCRIPTION,
\Magento\Store\Model\ScopeInterface::SCOPE_STORE
);

return $textDescription;
}

}

 

Step 6: Call Helper in Block Class

Here, we have to create a block class in order to call the helper. So that we can directly use the block function in the phtml file.

Wishusucess/SystemHelloworld/Block/AdminConfiguration.php
<?php
/**
* @Developer: Hemant Kumar Singh Magento 2x Developer
* @Website: http://www.wishusucess.com/
*/
namespace Wishusucess\SystemHelloworld\Block;

use Magento\Framework\View\Element\Template;
use Magento\Framework\View\Element\Template\Context;
use Wishusucess\SystemHelloworld\Helper\Data;
use Magento\Framework\App\Config\ScopeConfigInterface;

class AdminConfiguration extends \Magento\Framework\View\Element\Template
{ 
public function __construct(
\Magento\Backend\Block\Template\Context $context,
Data $helper,
\Magento\Framework\App\Config\ScopeConfigInterface $scopeConfig, 
array $data = []
)
{ 
$this->helper = $helper;
$this->scopeConfig = $scopeConfig;
parent::__construct($context, $data);
}

/*
* @return bool
*/
public function isEnabled()
{
return $this->helper->isEnabled();
} 
/*
* @return string
*/
public function getDisplayText()
{
return $this->helper->getDisplayText();
} 
}

 

Step 7: Call System Config Value in PHTML File

Now you will call the block method here so that the data of your admin field can be printed.

Another way is that you can directly call the helper class in this file and use its method.

In Magento 2, any system XML fields show the data of the common file ie admin fields on the front end

Wishusucess/SystemHelloworld/view/frontend/templates/helloworld.phtml
<?= $isEnabled; ?>

<?= $getTextTitle; ?>

<?= $getDisplayText; ?>

Or

<?php
$helper = $this->helper('Wishusucess\SystemHelloworld\Helper\Data');
$isEnabled = $helper->isEnabled();
$getTextTitle = $helper->getTextTitle();
$getDisplayText = $helper->getDisplayText();
?>
//Print Text title
<?php echo $getTextTitle; ?>

//Print Text Description 
<?php $getDisplayText; ?>

 

Now make this module enable and save it, then call this phtml in cms page or block if you want to check this simple module in Magento 2.

<p>{{block class="Wishusucess\SystemHelloworld\Block\AdminConfiguration" template="Wishusucess_SystemHelloworld::helloworld.phtml"}}</p>

 

Run the below command and then check

php bin/magento setup:static-content:deploy -f

php bin/magento cache:clean

 

Magento 2 Get Data on Frontend from System XML

That's all !!

If you need any help with Magento 2 extension or module development you can directly contact me.

Thanks

Check with GitHub

 

Similar Posts:

Add JS File in Magento 2 Module: How to Add Java Script

Magento 2 Featured Products: How to Add Featured Products

System XML File: How to Create Admin Configuration in Magento 2

When we create a model or extension, then its control should be given in the admin configuration by using the system XML file, this is a better model and extension scale, which decides how better the model or extension that you have created is.

In Magento 2 there is one file that is System.xml that is used to create admin configuration fields.

This file we need when we want to provide some setting option inside of the admin configuration for admin users.

Store > Setting > Configuration

 

Step 1: Register Extension

In order to create a menu in Magento 2 extension first, you have to create a registration.php file inside of the module folder.

Wishusucess/Conf/registration.php
<?php
/**
* @Category Wishusucess
* @Package Wishusucess_Conf
* @website http://www.wishusucess.com/
*/
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::MODULE,
'Wishusucess_Conf',
__DIR__
);

 

Step 2: Module information and Version

The module XML file consists of the basic information of your extension. This is one of the most basic files of the Magento 2 extension.

In the Wishusucess module’s root directory, I have created a new directory that is called the, etc directory. So here I have created a file that is module.xml file under the etc directory.

Wishusucess/Conf/etc/module.xml
<?xml version="1.0"?>
<!--
/**
* @Category Wishusucess
* @Package Wishusucess_Conf
* @website http://www.wishusucess.com/
*/
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
<module name="Wishusucess_Conf" setup_version="2.1.0" />
</config>

 

Read more: Magento 2.4 Installation Guide: How to Install Magento 2.4.2

 

Step 3: Create Adminhtml Menu XML File

To Create Admin Menu in Magento 2 extension we need to create the menu XML file.

This is the file about the routing and navigation of the items.

By using this link we can navigate to the other page. These files are used to create a link that helps to the landing on another page that is added in the left navigation and tells Magento framework how to resolve requests for that page.

The menu.xml file gives us options to add items in the content section of the left navigation.

Each item we use to add by action attribute and that action can be decided by the Magento 2 developers, where they want to redirect after clicking the link.

Wishusucess/Conf/etc/adminhtml/menu.xml
<?xml version="1.0"?>
<!--
/**
* @Category Wishusucess
* @Package Wishusucess_Conf
* @website http://www.wishusucess.com/
*/
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Backend:etc/menu.xsd">
<menu>
<add id="Wishusucess_Conf::conf" title="Wishusucess" translate="title" module="Wishusucess_Conf" sortOrder="20" resource="Wishusucess_Conf::conf"/>
</menu>
</config>

 

Add Menu Items in Magento 2 Extension

Now, we can add the menu item from the other module to another module or

We can add the menu item in the same file of

Wishusucess/Conf/etc/adminhtml/menu.xml

But here,

I am adding the menu item from another module. So I am creating a menu file

Wishusucess/Recaptcha/etc/adminhtml/menu.xml
<?xml version="1.0"?>
<!--
/**
* Tech9logy
* @category Recaptcha
* @package Wishusucess_Recaptcha
*/
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../Magento/Backend/etc/menu.xsd">
<menu>
<add id="Wishusucess_Recaptcha::view" title="Google reCaptcha" translate="title" module="Wishusucess_Recaptcha" sortOrder="10" resource="Wishusucess_Recaptcha::view"/>
<add id="Wishusucess_Recaptcha::grid" title="reCAPTCHA Configuration" module="Wishusucess_Recaptcha" sortOrder="20" parent="Wishusucess_Recaptcha::view" action="adminhtml/system_config/edit/section/wishusucess/" resource="Wishusucess_Recaptcha::view"/>
</menu>
</config>

 

After executing the setup upgrade command you will see the output like the below image.

Magento 2 Menu xml

 

Steps to Create Admin Configuration By System XML File

We have to create a file inside of etc/adminhtml/system.xml then we can

Step 2: Set default value

Step 3: Flush Magento cache

Step 4: Get value from the configuration

Magento 2 System XML File for Admin Configuration

The System configuration page is logically divided into four parts:

  • Tabs
  • Sections
  • Groups
  • Fields.

Now if you will see the admin you can see the menu item which I have added here,

Now, adding system XML file and linking the Recaptcha configuration with system configuration via menu item link.

Wishusucess/Recaptcha/etc/adminhtml/system.xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Config:etc/system_file.xsd">
<system>
<tab id="recaptcha" translate="label" sortOrder="10">
<label>Wishusucess</label>
</tab>
<section id="wishusucess_recaptcha" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
<class>separator-top</class>
<label>reCAPTCHA Setting</label>
<tab>recaptcha</tab>
<resource>Wishusucess_Recaptcha::wishusucess_recaptcha</resource>
<group id="general" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="0" showInStore="0">
<label>reCAPTCHA Configuration</label>
<field id="enabled" translate="label comment" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
<label>Enabled</label>
<source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
</field>
<field id="googlesitekey" translate="label comment" type="text" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
<label>Site Key</label>
<comment><![CDATA[Enter Site Key]]></comment>
</field>
<field id="googlesecretkey" translate="label comment" type="text" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
<label>Secret Key</label>
<comment><![CDATA[Enter Secret Key]]></comment>
</field>
<field id="moduleposition" translate="Module" type="multiselect" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
<label>Select Form</label>
<source_model>Wishusucess\Recaptcha\Model\Config\Source\ConfigOption</source_model>
</field>
</group>
</section>
</system>
</config>

Now the output will look like the below image.

 

System XML in Magento 2

So this is the simple way to add the menu item and system XML configurations in the module and extension.

 

Similar Posts:

RMA Extension Magento 2: What is RMA and How it Works

Google reCAPTCHA in Magento 2: How to Add reCaptcha

Magento 2 Return & Exchange (RMA) Extension: Send Mail

If you are looking for the best Magento 2 return & exchange (RMA) Extensions in 2022 then you are on the right page. Here I am going to show you how this RMA extension works.

Wishusucess Magento 2 Return and exchange (RMA) extension are one of the simplest and easily manageable Magento 2 extension that will help you to manage the returned order by the customer.

Our Magento 2 team has developed these Magento 2 RMA extensions based on the market analysis of various factors like usability scores, rating reviews, frontend experience, backend experience, search results, social metrics.

 

Magento 2 Return & Exchange Management

Here, I have added a very simple interface for the admin user so anyone can easily understand the configuration.

A returned merchandise authorization (RMA) ensures to your customer that the product returned by him will also get a refund. And if the customers want to request to replace the item then they can also use the same process to replace the item.

The Wishusucess RMA extension has an admin functionality to approve the request or reject the request or close the request.

In the Magento 2 admin configuration, we have added the option to keep enabling RMA or keep disabling RMA for any products.

RMA Order Management Service

Magento 2 RMA Form Fields

Magento 2 Product Return RMA form fields are given in the admin configuration so anyone can decide the form fields for the frontend customer view.

RMA (Return Merchandise Authorization) form fields can be customizable according to your requirement that will help you to decide easy and optionable form fields for your customer.

Admin > Wishusucess > RMA Form > Manage RMA form

Product Return Management Form Fields

Select Status of Return Order

Each state will send the mail as soon as we change the status.

Magento 2 Return & Exchange

 

Return Order in RMA

This is the dashboard of this extension, where all the returned items will show in the list.

Now admin users can change the status as per their terms and conditions.

This Magento 2 return and management extension has there status options. Whenever we change returned order status of the customer, the mail will be sent to the email details of the customer.

 

Magento 2 Return & Exchange Product

Frontend User:

There is no need to register for the customer so if the customer wants to return the item without registering the account so they can simply fill the RMA form and return the products, and If the customers are registered then they can also use their account to return their products by submitting the RMA form request.

RMA Extension in Magento 2

 

RMA Admin Option:

And admin can approve the request and send the mail to the customer that their request has been successfully accepted. Admin can also reject the request and send the mail that their request has been rejected.

Read more: PayPal Account: How to Create New PayPal Account, Transfer

 

Magento 2 Return & Exchange (RMA) Status

When the customer creates a new request for product return that will show in the admin RMA request as a pending status.

Admin can review requests and decide whether they have to approve or reject RMA return requests.

 

Current RMA Version - 2.1.0

Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

 

Online Helpline Magento Extension Installation

You can call us anytime for free help and support. We will help you to install this extension and make it compatible with your current version of the Magento 2 store.

Magento 2 Free Help and Support

 

Similar Posts:

Form Field Manager: How to Manage Magento 2 Customer Form Fields

Google reCAPTCHA in Magento 2: How to Add reCaptcha

Form Field Manager: How to Manage Magento 2 Customer Form Fields

Many times we have to keep or remove fields of the customer account form according to our need, then Magento 2 Get Product Total, Subtotal, Coupon, Tax Details Via REST API for that, we have to tamper with the code, which sometimes becomes time-consuming and becomes a bit complicated. So we need a form field manager for Magento 2 stores so that fields can be managed by the admin.

The Wishusucess Magento development team is going to explain the module that will help you to do all this stuff without any problem.

 

Form Field Manager in Magento 2

This fields manager as soon as you install this facility will be available in Magento admin and you can easily remove or apply form fields as per the requirement of your store.

This extension is compatible with all the Magento 2 series like 2.1x, 2.2X, 2.3x, 2.4x.

 

What Does The Magento 2 Form Builder do?

It allows you to easily change or add new custom fields without writing any code.

PayPal Account: How to Create New PayPal Account, Transfer

 

Remove Unnecessary Customer Form Fields:

By using this module you will have the option in admin to add or remove the following customer attributes from the Magento websites.

  • Name Prefix
  • Middle Name/Initial
  • Name Suffix
  • Date of Birth
  • Tax/VAT Number
  • Gender
  • Address Attributes
  • Name Prefix
  • Middle Name/Initial
  • Name Suffix
  • Company
  • Fax
  • VAT Number

 

Minimize Customer Effort While Checkout

By using this, you can reduce unnecessary efforts for your customer during the checkout process.

This way you can use it to help deliver a better and less boring interface for your customers.

As a result, eliminating the fields that are not required for the customer and the data you do not need to collect will both benefit.

This extension is helpful to simplify the no time wasted checkout process.

 

Form Feild Manager Backend

As the Wishusucess fields manager extensions backend, you will have complete access control over all customer address form fields, You will also be able to easily add or remove the form fields. Thus, the customer address fields management becomes quite easier.

Read more: Magento 2.4 Installation Guide: How to Install Magento 2.4.2

 

Conclusion

After looking at all the above features, we can finally say that this module provides the best option for the owners to manage the customer account form fields. Customers do not waste time filling the form unnecessarily and their annoyance does not increase.

And helps in completing the checkout quickly.

The cost of this module is $50.

Form Field Manager in Magento 2

 

Similar Posts:

Mobile App Builder Free Extension in Magento 2

Shop By Brand: Magento 2 Shop By Brand Free Extension

Magento 2 Get Product Total, Subtotal, Coupon, Tax Details Via REST API

Mobile App Builder Free Extension in Magento 2

When our website is already a built-in Magento 2 e-commerce platform then what is the need that we make it compatible for mobile applications also because the Magento website is responsive and for that, we do not need to create a separate mobile application. So if you also think so, then you need to read this mobile app builder article completely.

In this article, I am going to explain why you need to implement your current Magento 2 website as mobile app-friendly for mobile users. I will also explain how you can easily convert your Magento website into a mobile application for your mobile customers after the installation of an extension.

When it comes to an eCommerce website, building a mobile app for it should be your top priority. When your website is already live and then changing it to a new look becomes a little difficult, but that doesn't mean it's too difficult.

Mobile App Builder in Magento 2

Highlight Features of Mobile App Builder


  • Our extension support all major payment methods like PayPal, Amazon Pay, etc.
  • Admin configuration has the option to customize color, logo, brand name, etc.
  • Analytic tools are also available
  • Ability to synchronize easily
  • Eye-catching interface in mobile devices.
  • It supports all types of products no need for extra configuration.
  • Push notifications are also available you can just turn on and turn off by enabling and disabling the button.
  • Advance catalog product search for the customer.
  • Dashboard for the customer to manage from the admin.
  • Special feature for the admins to create the report
  • Support major analytics tools like Google analytics.
  • Easily manageable home page from the admin configuration
  • Seller Dashboard in Admin
  • Support push notifications for both the user's IOS and Android.

 

With the help of this Wishusucess mobile app builder Magento  2 extension, you will be able to create Mobile Apps for your mobile users, so your app will allow your customers to have a great shopping experience with your application on the mobile platform. This is one of the easiest ways to increase sales growth by giving an easy and convenient users interface to the mobile user's customers.

Now you will be able to experience how you are providing a mobile application-like experience for your mobile user in a few minutes without spending much money. Which is eliminating a big problem in your business growth to a great extent and also increases your growth.

Build a custom app around your business logic with features like RTL-support, multiple and custom payment gateways, deep linking, Firebase Analytics, and more. Provide a complete customer experience with features like one-page checkout, secure payment gateway, multiple product catalog page views, customizable dashboards, and more.

 

Business Value of Magento 2 Mobile App Builder


It does not take you time to build this application because it is a pre-build framework of an app that turns your website into a mobile app just after installing.

This extension is designed in such a way that it is fully capable of working with both iOS and Android.

After installing it, you can also send push notifications to your customer's mobile and can also take advantage of the features of Firebase Analytics, Deep Linking, etc.

 

Conclusion:

If you have already a Magento 2 store and you are looking for a mobile application view for mobile users then it won't take that much time, you just have to use the Magento 2 extension and your store will have a mobile application interface for your mobile users.

You can contact us for mobile application development.

 

Similar Post:

Shop By Brand: Magento 2 Shop By Brand Free Extension

Magento 2 Get Product Total, Subtotal, Coupon, Tax Details Via REST API

Search REST API: How to Find Product in Magento 2 Using REST API

Shop By Brand: Magento 2 Shop By Brand Free Extension

In this post, I am going to explain the shop by brand. This module will allow Magento websites owners to create a unique brand page for the desired category or list page so that they can present their brand products collectively. They can also decide the brand logo & description of each brand page in detail.

In this way, you can create a better experience for your customer as well as emphasize your customer with your product brand page.

Its brand is very important in any business. The trust of the customer also deteriorates according to the brand. Most of the customer's shop according to the brand as their trust remains in the brand name.

If a brand has won the trust of its customer, then it can sell any product to its customer. That's one digestion of being a trusted brand. The Shop by Brand extension developed by the Wishusucess development team gives an option for the store owner to list the products according to their brand.

Sho By Brand Free Extension

 

Shop By Brand Features


  • Easy to add a custom link on top of Navigation.
  • You can assign manufacturer attributes as a Brand.
  • Can add a new attribute as a manufacturer brand.
  • You can assign any attribute or brand as Featured.
  • The extension is completely responsive and easy to use.
  • Import brands from other brands plugins.
  • Easy to assign products to brands.
  • List and find your brand page.
  • 100% Open-source, Support multi-store, Support multi-language.
  • Easy to install and customize.

 

Wishusucess Top 5 Free Magento 2 Extensions


Here are some of the major free Magento 2 extensions designed by our team that you can download and install in your store to provide better convenience to your customers.

Search AutoComplete Free Extension

Magento 2 Smart Search Free Extension

Magento 2 WhatsApp Share Button for Product Share

Customer Ajax Login in Magento 2 Extension

Magento 2 Banner Slider Extension

 

Compatibility


This extension is compatible with open source (CE) with all the Magento 2 versions, you can install it in Magento 2.1, 2.2, 2.3, 2.4 versions of Magento store websites.

 

Support Policy of Wishusucess Shop By Brand


Free Lifetime Updates by Wishusucess Magento development team

Wishusucess.com customers get free access if they buy once, then they can always get the update of its latest version, for this they do not need to pay any extra money.

 

Business Value


By adding Shop by Brand extension in your store you can promote any items and increase brand loyalty by creating their brand page and brand collection of items.

Trustworthy brand – Any better brand is a trust in itself for the customer, it is helpful in getting more sales for your product collection.

Increase Loyalty - 'Featured Brand' presents your brand to your customers in a better way this creates a good impression layer which increases loyalty towards your brand.

Get additional sales – We have developed in such a way that the extension will allow your store for an additional promotional opportunity.

 

Similar Extensions

Sticky Mini-Cart: How To Add Sticky Add to Cart Extension in Magento 2

Speed Up Your Magento 2 Website By Lazy Loading Extension Free

Login With Number: Magento 2 Customer Login With Mobile Number

Infinite Scroll: Magento 2 Ajax Scroll for The Automatically Load Products

I am going to explain how we can create an Ajax Infinite Scroll extension in Magento 2. The extension will help the value of users to reduce product load time by automatically loading products when users scroll down the product list page like category page, catalog search page without reloading the whole page.

Infinite Scroll in Magento 2

The Ajax scroll extension for Magento 2 helps the website's owners to increase their sales and drive more revenue by improving the user experience.

As soon as you enable the Wishusucess_InfiniteScroll extension from the admin then you will be automatically able to add the autoload product functionality on the category page or any other product list page like a catalog search page in Magento 2.

 

Infinite Scroll Features:

By adding automatically loading of the product it increases the quality of user experience and reduces the product loading time.

Ensure the web site's performance by adding autoload functionality.

Easy to navigate the product for the customer.

Adds Automatically loads functionality for the products on any others products listing page.

If the list page doesn't have more products then it shows a message like there are no more products to load after loading all products.

Admin configuration is given to customizing loading text content.

Admin can decide the delay time from the Magento admin for scroll-down loading time.

Improve customer experience for the owners of the website and increase the conversion rate.

You can add for the multi-store environment.

Magento 2 Infinite Scroll Products

Magento 2 Infinite Scroll Free Extensions in 2022

In 2021-2022 there are too many infinite scroll extensions are there in the market but we have picked one of the best ajax scroll products for your websites.

Wishusucess_InifiniteScroll is one of the best Magento 2 modules for the infinite automatically loading products.

The best Ajax Scroll for the products is Wishusucess automatically scroll products in 2021, This is an absolutely free extension. You can also Find more Magento 2 extensions here.

Infinite Scroll Button

Change Configuration of Ajax Scroll

You will have the option to change the configuration from the admin. This extension allows websites owners to customize the button color and text from the Admin > Store > Configuration > Wishusucess > Ajax Scroll.

 

Helper Class of Ajax Scroll

If you are a developer and you need to implement the helper class of this module then you can use the bewlow code for the help.

<?php
/**
* Category: Wishusucess_InfiniteScroll
* Developer: Hemant Singh Magento 2x Developer
* Website: http://wwww.wishusucess.com
*/
namespace Wishusucess\InfiniteScroll\Helper;

class Data extends \Magento\Framework\App\Helper\AbstractHelper
{
/**
* @var array
*/
protected $configModule;

public function __construct(
\Magento\Framework\App\Helper\Context $context
)
{
parent::__construct($context);
$this->configModule = $this->getConfig(strtolower($this->_getModuleName()));
}

public function getConfig($cfg='')
{
if($cfg) return $this->scopeConfig->getValue( $cfg, \Magento\Store\Model\ScopeInterface::SCOPE_STORE );
return $this->scopeConfig;
}

public function getConfigModule($cfg='', $value=null)
{
$values = $this->configModule;
if( !$cfg ) return $values;
$config = explode('/', $cfg);
$end = count($config) - 1;
foreach ($config as $key => $vl) {
if( isset($values[$vl]) ){
if( $key == $end ) {
$value = $values[$vl];
}else {
$values = $values[$vl];
}
}

}
return $value;
}
}

Magento 2.4 Installation Guide: How to Install Magento 2.4.2

How to Install Infinite Scroll Module

Download this module from here and paste it into the below directory of your store root installation directory.

app/code/Wishusucess/InfiniteScroll/

Now run the below code

php bin/magento setup:upgrade

php bin/magento setup:di:compile

php bin/magento setup:static-content:deploy -f

php bin/magento cache:clean

 

Similar Magento 2 Extensions of Wishusucess

Sticky Mini-Cart: How To Add Sticky Add to Cart Extension in Magento 2

Speed Up Your Magento 2 Website By Lazy Loading Extension Free

Login With Number: Magento 2 Customer Login With Mobile Number

Sticky Mini-Cart: How To Add Sticky Add to Cart Extension in Magento 2

In this article, I will explain to you how to add the sticky mini-cart on the current page. This step will help you to make users add to the cart always visible for easier checkout.

When a Magento 2 user scrolls down the current category page, home page, or product details page then this sticky cart extension will allow you to make "Add to cart" always visible for the customer so the customer can easily add more items or subtract items from the cart.

Magento 2 Sticky Mini-Cart

The Customers will also have the option to view a brief of product detail such as images, prices.

If the customer is looking for any change while scrolling the category page or product list page then they no need to scroll back to the top because the cart bar is always visible.

Therefore, this Magento 2 sticky cart extension will add value for your website customers by adding the above extremely convenient shopping experience to the users. Thus this functionality helps store owners to increase sales.

And where customers sometimes used to leave in the middle without completing the checkout, they will now be able to place their order easily.

 

Sticky Mini-Cart for The Magento Customer

The Sticky cart for the customer adds value to the customer experiance, it fixes the customer mini cart details at the bottom of the page when the page is scrolled down which leads to improves user experience.

This extension was implemented by the Wishusucess Magento development team that increase the conversion rate by encouraging customers to add products to the cart or buy now button.

 

Features of Magento Sticky Mini-Cart

The website admin panel has been implemented in such a way that anyone can manage the panel of Wishusucess_Stickycart without any coding knowledge.

We have added Enabled/Disable the features of the Wishusucess_Stickycart quickly from the admin.

Customers can view a brief of the details while scrolling the store page and also can manage their mini-cart details by just clicking on the icons.

Admin users can customize the size requirement from the admin panel of the product images.

The module is completely implemented as a responsive design so you don't have to worry about the different devices like mobiles, tablets, laptops. The module will readjust itself based on the original layout.

 

Helper Class of Sticky Cart in Magento 2

Hereby using this helper class of sticky cart you can implement the custom module for the Magento websites.

<?php
/*
* @category: Wishusucess_Stickycart
* @Wishusucess: (http://www.wishusucess.com/)
* @licence: http://www.wishusucess.com/
*/
namespace Wishusucess\Stickycart\Helper;

class Data extends \Magento\Framework\App\Helper\AbstractHelper
{
/**
* @var array
*/
protected $configModule;

/**
* @var \Magento\Framework\Json\Helper\Data
*/
protected $jsonHelper;

public function __construct(
\Magento\Framework\App\Helper\Context $context,
\Magento\Framework\Json\Helper\Data $jsonHelper
)
{
parent::__construct($context);
$this->configModule = $this->getConfig(strtolower($this->_getModuleName()));
$this->jsonHelper = $jsonHelper;
}

public function getConfig($cfg='')
{
if($cfg) return $this->scopeConfig->getValue( $cfg, \Magento\Store\Model\ScopeInterface::SCOPE_STORE );
return $this->scopeConfig;
}

public function getConfigModule($cfg='', $value=null)
{
$values = $this->configModule;
if( !$cfg ) return $values;
$config = explode('/', $cfg);
$end = count($config) - 1;
foreach ($config as $key => $vl) {
if( isset($values[$vl]) ){
if( $key == $end ) {
$value = $values[$vl];
}else {
$values = $values[$vl];
}
}

}
return $value;
}

public function isEnabled()
{
return $this->getConfigModule('general/enabled');
}
public function getWidthImage()
{
return $this->getConfigModule('general/width_image');
}
public function getHeightImage()
{
return $this->getConfigModule('general/height_image');
}
public function getHeightScroll()
{
return $this->getConfigModule('general/height_scroll');
}

public function getExcludeProducts()
{
return $this->getConfigModule('general/exclude_products');
}

public function getStickyCartConfigJson($product)
{ 
$data = [
"typeProduct" => $product->getTypeId(),
"scrollHeight" => $this->getConfigModule('general/height_scroll'),
"hiddenBottom" => $this->getConfigModule('general/hidden_bottom')
];
foreach ($data as $key => $value) {
if(is_numeric($value)){
$data[$key] = (float) $value;
continue;
}
$value = filter_var($value, FILTER_VALIDATE_BOOLEAN, FILTER_NULL_ON_FAILURE);
if(!is_null($value)){
$data[$key] = $value; 
}
}
return $this->jsonHelper->jsonEncode($data);
}

}

 

How to Install Magento 2 Wishusucess Sticky Mini-Cart

Download the module and paste it into the below directory:

root_directory_of store/app/code/Wishusucess/Stickycart/

Now run the below command step by step:-

php bin/magento setup:upgrade

php bin/magento setup:di:compile

php bin/magento setup:static-content:deploy -f

php bin/magento cache:clean

 

Help And Support by Magento Team

In case of any problem, you can talk to our Magento 2 development team. Basic installation is absolutely free.

If you want to add any new features to it, then our team is available 24 hours for this, you can tell your requirement to our development team and within 24 hours your features will be implemented.

 

Similar Module

Speed Up Your Magento 2 Website By Lazy Loading Extension Free

Login With Number: Magento 2 Customer Login With Mobile Number

 

Speed Up Your Magento 2 Website By Lazy Loading Extension Free

This is the biggest problem for most of the Magento 2 website owners, how to provide a better experience to their customers, it is necessary to eliminate its lazy loading problem, because if the website loading time is higher then that would be worse for your customer to experience the website.

Our Magento team understands this problem and has developed Magento 2 Lazy Load extension which provides a better experience for your customer.

It minimizes the loading problem of your website, due to which your website loads very quickly on your customer's computer and it also helps you to be at the top of the search.

The biggest contributor to its success in any online eCommerce business is its better application and it is very important for that application to load on the customer's device quickly and efficiently.

 

Magento 2 Lazy Loading Module

By using this Magento 2 Lazy Loading extension of the Wishusucess developer team you can boost your website performance up to 70% of your current speed.

Therefore, it will increase the chances that your customers will stay on your website for a long time. Then customers will want to browse most of your pages that also increases the sales of your products.

It will also help your website to rank in google because of the faster speed of your website because a faster website also adds the improvement of SEO ranking.

Especially, the Wishusucess LazyLoading module works effectively with all Magento 2 pages such as Content Management pages, the home pages, category pages, product pages, etc.

Lazy Loading Module in Magento 2

 

Lazy Loading Adds Business Values:

It reduces the page load so faster websites Improve the user experience greatly by consuming less load time.

A faster website adds value in the search engine rank like google so it will improve the SEO ranking of your website with faster loading speed.

This module will help you to reduce the bandwidth of the server to it will save you money.

 

Lazy Loading Product Image in Magento 2

With Wishusucess Lazy Load Extension in Magento 2 website helps websites owners to speed up their websites. It will help you to decrease the load time of the product images.

 

Optimize SEO for Magento 2 Stores

Faster websites improve the SEO ranking in google so it will help your website to rank in Google Search. Wishusucess Lazy Load Magento 2 extension results improve the SEO ranking in faster website speed.

Reduce server bandwidth
By loading images and videos on-demand, you can reduce server requests and page size. This will certainly save a huge amount of bandwidth for your website.

Apply Lazy Loading on All Pages

We have designed it in such a way that this extension works for all kinds of pages including CMS pages, home pages, category pages, product pages, etc.

Download LazyLoading Extension

 

Magento Helps and Supports

If you want to improve your e-commerce website or want to make it completely new then you can contact our team. Our team is committed to providing you with the best experience at the lowest cost.

Improve SEO Ranking of your Website

 

Other Post:

PayPal Account: How to Create New PayPal Account, Transfer

 

Login With Number: Magento 2 Customer Login With Mobile Number

In this article, I am going to explain how to implement Magento 2 login customer via phone number functionality in Magento 2 and onwards version.

As we want to add the customer log-in functionality for the customer login with numbers like phone numbers or mobile numbers with the same fields.

So, in order to achieve this functionality, we have to implement the module.

Customer Login With Number in Magento 2

 

Why Customer Login With Phone Number?

When a customer wants to log in with the email then the customer will be able to log in or if the customer wants to login via their phone number then also that can be login.

Today everyone has a lack of time in this digital era, in such a situation, if we do not provide various facilities to our customers, then our customers will leave us.

That's why keeping in mind our customers, we cannot harass them by filling the registration form again and again.

They should have so much facility that they can log in as they want.

The Magento development company named Wishusucess.com has developed a module that can help your customer to log in via their mobile number or phone number or email id and password.

This module has important features that include Magento store customers can save their number while registration of their account, and they will also have the facilities to log in to their account and update their mobile number or phone number from their My Account section.

 

Features of Customer Log Via Number:

Customers can log in via their email or phone number or mobile number or both.

This customer login via the Mobile number module can be enabled or disabled from the admin panel.

Customers also can save their number while registering or after the registration from the My Account sections dashboard.

Allows customers to change their registered mobile number from their "My Account" section

Admin will have the option in the backend to view and update any customer number or phone number.

While checkout the product order customer also can log in via their mobile number or phone number.

Customer Login Via Mobile Number

Download the Module  From GitHub

Current Product Version - 2.4.x

Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

Admin > Customers > All Customer > Account Information Magento 2 Customer Login With Number

 

Sorting Products: Magento 2 REST API For Sort By Product on List Page

 

Customer Account Information

However, Navigating into the admin panel

Customers > All Customers and view the list of customers.

You can also directly edit the customer numbers from this dashboard section.Customer Login With Number

Customer Image: Upload Customer Profile Pic Image Module in Magento 2

Customer Attribute: How to Add Custom Customer Attribute in Magento 2