Our modules 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.

Horizontal banner

MXB Tools helps you to create beautiful CMS pages and preview
This is a full page paragraph with top banner

MXB Tools: usefull tools for your Prestashop platform

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

MXB Tools: usefull tools for your Prestashop platform

Image on the right

This is a paragraph with image on the right

MXB Tools: usefull tools for your Prestashop platform

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
MXB Tools: usefull tools for your Prestashop platform

  • 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

MXB Tools: usefull tools for your Prestashop platform

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.

MXB Tools: usefull tools for your Prestashop platform

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

MXB Tools: usefull tools for your Prestashop platform

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 !

[mxb_featuredproducts_one products=10, category=205, brand=0, random=1, position=bottom, slide=1, footer-link=0, best-sales=0]