/
Edit and Import HTML
Edit and Import HTML
To view, edit generated HTML or import new HTML code click the button in the top bar
Please pay attention to relative paths to the location of a CSS, JS or images resources. If path invalid your page styles will not load and this affect the preview of the page in page builder.
File paths are used when linking to external files, like:
Images
<link href="resources/image/18/73/4.png" type="image/png" rel="icon"/>
Style sheets
<link href="storefront/view/default/stylesheet/style.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/flexslider.css" integrity="sha512-HWY8i77pPLL23sU4pHj+5iuZEmmmu2YaiTUcWrBXqBRTpn6yUdDvlFGNmG0qyjDg/vpt+YWNMASjg9M0eOU9DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
JavaScripts
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js" integrity="sha512-suUtSPkqYmFd5Ls30Nz6bjDX+TCcfEzhFfqjijfdggsaFZoylvTj+2odBzshs0TCwYrYZhQeCgHgJEkncb2YVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
Fonts
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=PT+Sans&display=swap" rel="stylesheet">
Related content
Page Builder
Page Builder
More like this
Page builder interface
Page builder interface
Read with this
Styling a Page
Styling a Page
More like this
Presets
Presets
Read with this
View HTML
View HTML
More like this
Style Manager
Style Manager
More like this
AbanteCart, all rights reserved. 2025 ©