How To Load CSS, js File on Special Page Builder in Magento 2

in my previous tutorial, I already introduce about “Create New Profile Page Builder in Magento 2”. If you want to “Load CSS, Js file for a Special Page Builder Profile Magento 2, you can do with 3 following steps:

  • Step1: Create CSS Files Folder
  • Step2: Edit Page Profile in BackendÂ
  • Step3: Clear Cache & Refresh Site

Get start!

Step 1. Create css files in folder:

/app/design/frontend/[Theme Vendor]/[Theme Name]/Ves_PageBuilder/web/css/sample/

for example:

/app/design/frontend/[Theme Vendor]/[Theme Name]/Ves_PageBuilder/web/css/sample/profile04.css

/app/design/frontend/[Theme Vendor]/[Theme Name]/Ves_PageBuilder/web/css/sample/footer02.css

Step 2. Load CSS File Special Page Builder Magento 2 in Backend

Open Magento 2 Page Builder Profile:

Admin Panel -> Venustheme -> Page Builder -> Manage Page Builder Profile -> Edit Page Profile:

Then open tab “CMS Page Information”. Then add code in “Layout Update XML” as this:

<head>
<css src=”Ves_PageBuilder::css/sample/profile04.css” />
<css src=”Ves_PageBuilder::css/sample/footer02.css” />
</head>

Then “Save the page profile”

Step 3. Clean Cache & Refresh Site

Go to System -> Cache Management -> Select All -> Submit

This tutorial already show you “How to How To Load CSS, js File on Special Page Builder in Magento 2”

MAGENTO 2 PAGE BUILDER TUTORIALs

SOME OTHER EXTENSIONS YOU MAYBE INTERESTED IN

RELATED POSTS

Nhu Quynh

Recent Posts

How Platform Engineering Optimizes Mobile App Development in 2024

I. Introduction to Platform Engineering in Mobile App Development Platform engineering has emerged as a…

2 days ago

E-Commerce Social Media API Integration: A Beginner’s Guide For 2024

In today's digital landscape, businesses and developers are increasingly relying on social media platforms to…

3 days ago

Optimizing Website Performance: How to Improve Loading Times and User Experience

In this digital world, the performance of your website matters a great deal. On one…

4 days ago

Best 20+ Mobile App Plug-Ins That Will Upgrade Your Business In 2024

Mobile app plug-ins turn a simple application into a feature-rich, user-friendly, and robust platform. They…

2 weeks ago

Protect Your Online Store: Essential Magento Security Measures and Best Practices

Running a Magento business is an appealing activity with several potential for expansion and consumer…

2 weeks ago

Magento 2 Latest Updates – What You Need to Know To Be A Game-changer?

With its adaptability and flexibility that can meet a wide range of eCommerce demands, Magento…

2 weeks ago