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

The Role Of Headless Commerce In Modern Ecommerce Platforms | 2025 Latest

The ecommerce landscape has been steadily evolving over the last few decades and looks very…

1 week ago

6 Ways NodeJS Powers Real-Time Technologies: Insights For Developers

Real time technologies have changed the way we go about interacting with applications. Whether it…

2 weeks ago

Top 10+ Must-Have Magento 2 Extensions To Boost Your Store Conversion | 2025 Latest

Did you know that more than 250,000 online stores use Magento? It is one of…

2 weeks ago

Quantum Computing In Web Development: How It Powerfully Transform The Industry In 2025

Quantum computation introduces a shift in the digital era. This technology is rooted in the…

2 weeks ago

Conversion Optimization: 6+ Best Ecommerce Marketing Tactics For Overcoming Sales Friction

Every ecommerce marketer knows the sting of lost sales. You’ve driven traffic, optimized product pages,…

2 weeks ago

7 Impressive Ways to Utilize AI Ecommerce Marketing for Achieving Your Ecommerce Marketing Goals

More than 80% marketers worldwide are integrating AI Ecommerce Marketing into their online marketing activities.…

2 weeks ago