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

Proven Guide to Scalable Software Development Services for Startups

Startups today operate in an environment where speed and adaptability and scalability determine their ability…

1 week ago

Ultimate Education App Development Cost Breakdown: Features, Tech Stack & Timeline

The education industry has gone through a pretty massive digital transformation over the past few…

1 week ago

Successful How to Integrate GenAI Agents into Your Website: A Developer’s Practical Guide

Visitors are no longer satisfied with static FAQ pages or chatbots. They want quick and…

1 week ago

Effective Liquor Store Website Design: How to Turn Visitors into Buyers

In today's digital marketplace having an online presence for retail businesses is no longer just…

1 week ago

What Do DevOps Service Providers Actually Deliver? A Complete DevOps Services Breakdown in 2026

"DevOps is not a goal, but a never-ending process of continual improvement." — Jez Humble,…

1 week ago

WooCommerce Open Pricing Guide: Set Minimum & Recommended User Prices

WooCommerce Open Pricing gives store owners a powerful way to let customers enter their own…

1 week ago