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

Revolutionizing Workouts: Breakthrough Trends in Fitness App Development for 2025

Digital fitness is booming. Millions of users worldwide are shifting from traditional gyms to mobile…

1 day ago

How SaaS-Based Magento Extensions Can Dramatically Supercharge Your Store in 2025?

Having your Magento store up and running requires more than having a good platform when…

5 days ago

Top 4 Reliable Managed IT Services in Boston to Empower Your Business

Running a business today isn’t easy. Technology problems can slow you down and leave your…

5 days ago

WooCommerce or Magento? A Business Owner’s Guide to Choosing the Best Platform in 2025

Everyone with a strong exposure to online stores and eCommerce are very aware about platforms…

6 days ago

How To Reduce Cart Abandonment And Increase Sales In Your Online Store In 2025

Have you witnessed your clients placing items into their shopping cart, only for them to…

2 weeks ago

AI vs Traditional B2B eCommerce: Top 10 Powerful Platforms Leading the Digital Transformation

In the global business arena, AI vs Traditional B2B eCommerce has altered how businesses interact,…

3 weeks ago