Our mdoules are developed to help webmasters to manage Prestashop platforms. This sample page will help you to get a well formatted CMS page using mxb_tools cms.css file.
This paragraph is the preview paragraph you will see into CMS index page and into CMS preview blocks, in you have installed "mxb_customblocks_one" module. It will be invisible on CMS page.
MXB Tools helps you to create beautiful CMS pages and preview
This is a full page paragraph with top banner
Image on the left
This is a paragraph with image on the left
Our moules are developed to help webmasters to manage Prestashop platforms.
This sample page will help you to get a well formatted CMS page using mxb_tools cms.css file.
You can download this sample page here: cms-sample.html
Also, download the CSS file here: cms.css
Image on the right
This is a paragraph with image on the right
A sub image can be inserted into a paragraph.
- It must be included into a div with classes "sub-image img-col"
- Optinally use classes "smaller/small/medium" to set it dimension
- You can use also "image-right/image-left" classes to put it on left or right, surrounded by the paragraph text
- Put a small image on the right: use the class "img-col" for the image, and "smaller, small, medium, large" to get a customized dimension.
- List your description as paragraph, dotted list or everything you want to put in it
Here we have a small paragraph with small image on the left. Main div class is "image-left-text-justify" instead "image-right-text-justify" as previous
The class "with-shadow" was used into image class list to show a shadow around it.
Also we have the class "with-round-corner" to round image corners.
using the classes "progressive-mt-3" or "progressive-mt-5" for the first paragraph <p> you can get some top margin to center align the text with the image
Create all beautiful paragraphs you wish
Now it's time to go further. Copy the code of this page, elaborate it using cms.css file as reference. Download it here: cms.css
You can add or modify CSS code using mxb_tools custom CSS area
In the end, install the module MXB Custom Block to add banners with products into CMS pages. You can do much more with MXB Custom Blocks: design your home page with many automated blocks you wish, pith CMS previews, products, categories, banners and much more !
- Open MXB Tools page
- Open MXB Custom Blocks page
[mxb_featuredproducts_one products=10, category=205, brand=0, random=1, position=bottom, slide=1, footer-link=0, best-sales=0]
"