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

20 Proven Ways to Dramatically Speed Up WooCommerce Orders for Returning Customers and Bulk Buyers

Ever watch a customer hesitate? That tiny pause. That moment when they look at the…

2 days ago

The Modular Mindset: How Modular Magento Architecture Drives Unstoppable Performance

Modular Magento architecture rarely fails loudly. Most of the time, a poor setup just slows down.…

3 days ago

Best Link Building Agencies Powering SEO Growth in 2026

The links that are posted are not ordinary links; they are the ballots of approval…

5 days ago

What Modern Retailers Need in a Powerful Returns Management Platform

Returns complexity has exploded. You're managing omnichannel returns, multiple warehouse locations, and seasonal spikes. Managing…

2 weeks ago

How to Improve User Experience with Effective Mobile App Testing?

Mobile applications have already been our go-to savior for streamlining our daily lives. So, in…

2 weeks ago

6 Best AI Pitch Deck Creators for Ecommerce Startups

AI pitch deck creators for e-commerce startups are transforming how founders prepare investor presentations. Building…

2 weeks ago