Add Custom HTML with CSS and JS

[Akash]

Hi,
I need to add custom HTML with CSS and JS. I tried many ways, but nothing worked. Can you help with this?

Thank you.

[digitalstartup]

Your question is really broad and can’t be answered quickly or simply.

We’ll be happy to address any specific questions. However, the first thing I would recommend is reading through the Official Magento Documentation. There are right ways to accomplish this and wrong ways.

As a brief outline, you’ll need to:

1. Create a Child Theme
2. Override or Extend any existing CSS assets (using LESS)
3. Create new JS files and include in your requirejs-config.js

Once steps 1-3 are in place, you’ll be able to reference them in your HTML.

Reading through and understanding the concepts of the documentation will take about 1-2 hours. But I don’t imagine it will take you more than 30 minutes to implement after. Learning about this topic is an incredibly beneficial skill to have.

References:

• Themes overview (Official Magento Documentation)
• Use custom JavaScript (Official Magento Documentation)
• Cascading style sheets (CSS) (Official Magento Documentation)
• Quick start guide to styles (LESS) (Official Magento Documentation)

[Akash]

Hi Craig,

Thank you very much for the quick response. I’ll go through the documentation provided and will let you know.