Back to Top

Laravel eCommerce Google Web Fonts

Updated 14 July 2026

Laravel eCommerce Google Web Fonts

With the help of the Laravel eCommerce Google web fonts, the admin can change the fonts for the admin panel as well as the front panel to make it more attractive.

Features of Laravel eCommerce Google Web fonts

  • The admin can change the fonts for the admin panel and for the front end.
  • Admin logo can also be set.
  • The admin can change the font only for the admin panel.
  • The admin can change the fonts only for the front end.
  • The fonts can be activated or deactivated.
  • The admin can select the fonts from the drop-down.
  • The admin can also search for the fonts if available.

Installation of the module Laravel eCommerce Google Web Fonts

  • Unzip the respective extension zip and then merge “package” folder into the project root directory.
  • Open the root composer.json and add the namespace under autoload.psr-4:
"Webkul\\Webfont\\": "packages/Webkul/Webfont/src"
  • Refresh the autoloader:
composer dump-autoload
  • Register the service provider in bootstrap/providers.php
Webkul\Webfont\Providers\WebfontServiceProvider::class,
  • Open config/concord.php and add the following line in the modules array:
Webkul\Webfont\Providers\ModuleServiceProvider::class,
  • Run these commands below to complete the setup
php artisan webfont:install

That’s it, now just execute the project on your specified domain.

How to generate API key?

  • Search Google fonts on the search bar that is available on the top of the page.
  • The new page that generates click on the Developer API.
  • Click on GET A KEY button and the key will be generated that will be used by the admin in the admin panel.
Laravel-eCommerce-Google-web-fonts

Admin configuration

After the successful installation of the extension the admin needs to navigate to Configure>>General>>Design. Under the Design section, there are several fields that need to be mentioned.

configuration

Click on the Save button.

How to set Font style?

To select the font the admin need to navigate through CMS>>Webfonts>>Add Web Font as like shown below:-

activated webfont

after clicking on Add Web Font button a new page will generate that will look like shown below:-

add webfont

Click on Save Web font button.

After saving the webfonts the admin can see the list of selected fonts as shown below that are in the deactivated mode just by clicking on the check icon, the admin can activate the particular font.

inactive webfont

 

Store front layout

After activating the font style the font style for the storefront will be changed according to the activated font style as shown in the below image:-

store-front

 

Admin Panel layout

The font style of the admin panel will also be changed according to the activated font style as shown in the image below:-

admin-panel

 

Support

So, that was a bit about the Bagisto Marketplace store pickup. For any queries or doubts, reach out to us at [email protected]. You can also raise a ticket at our HelpDesk System.

Current Product Version - 2.4.6

Supported Framework Version - v2.4.x

Blog Version - v2.4.x
  • Version v2.4.x
  • Version Bagisto 1.2.0
  • Version Bagisto 1.1.1
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Laravel eCommerce Google Web Fonts