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

12 Best Custom Software Development Companies for Scalable EdTech Platforms in 2026

Compare 12 custom software development companies with proven EdTech delivery, from LMS migrations to AI-powered…

3 weeks ago

7 Best Microsoft Dynamics 365 Implementation Partners for Manufacturing

Factories everywhere are running a tighter game. Post-2023 supply-chain whiplash, relentless cost pressure, and a…

4 months ago

Ecommerce Web Development Approaches: How to Pick the Right One

Picture this: a business rushes into a platform decision based on what a competitor was…

4 months ago

How AI-First Engineering Is Driving Incredible Innovation in Custom Software Development

The software development landscape has changed at an accelerated rate in the last ten years,…

4 months ago

How Website Architecture and Page Speed Boost eCommerce Conversion Rates

Imagine walking into a store where the aisles are a maze, the lighting is dim,…

4 months ago

Why Product Videos Are Essential for a Better Online Shopping Experience

Product videos have become one of the most effective tools for helping online shoppers make…

4 months ago