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

eCommerce SEO: 4 Powerful Tips for In-House vs. Outsourcing

Pretty much every business, especially in eCommerce, has an online presence. Consumers tend to hit…

5 hours ago

Magento 2 AI Voice Changer Integration: Boost Customer Engagement with This Powerful Feature

In today’s competitive e-commerce landscape, Magento 2 stores are continually evolving to meet customer expectations…

2 days ago

The Anatomy Of A Perfect Product Page: 6 Ecommerce Design Tips For 2025

If you’re reading this, you already know that your product page isn’t just a page.…

4 days ago

How Lucky Draw Plugins Help You Collect Leads And Build Brand Loyalty In 2025?

Ever heard of lucky draw plugins for WooCommerce? You will hear it more after knowing…

4 days ago

How To Use Personalization To Build Brand Loyalty In E-Commerce | 2025 Updated

In an ever changing world of e-commerce with so many options for customers, it’s quite…

6 days ago

Why Choose Magento 2 For Your Online Business? Top Development Services Explained

Development services for online business plays a vital role to make a store stand out…

1 week ago