Using Static Blocks To Facilitate Website Management In Prestashop

January 31, 2013 Alex Zaymund Prestashop, Tips&Tricks
Using Static Blocks To Facilitate Website Management In Prestashop

Today, we will talk about Prestashop Static Blocks module and discover the opportunities it can provide. If you are familiar with JavaScript and CSS HTML, this module gives you more options to diversify and variegate your store. In your template, you can create static blocks which later can be managed directly through the website admin panel without editing the block encoding. In the example below I am going to demonstrate how to create a flying static block – a banner on a website homepage.  The banner will fly from the left across the screen and hide at the right side, leaving just a margin visible for the visitors.

In the template, open the header.tpl file to markup the flying banner:

Next, indicate that the banner has to appear on the homepage only:

Naming CSS styles :

The banner is fixed on the left side, 30% high above the top of the template. Let’s use the JavaScript to animate it:

Now the banner flies across the screen from the left and gets fixed on the right side. Hovering over the flying banner makes it stop or show up again after it hides at the right side of the screen.

Now let’s see how to add some content to the banner. Do as follows:

In this way we created a static block with the banner id. Now let’s open the static block module in the website admin panel. There we create a new block where in the ID field indicate banner, thus it gets integrated with the template. Let’s try and upload a picture to check how it looks on the homepage. Now we can easily manage our pictures or completely turn them off directly through the admin panel which is a much more convenient way.

Prestashop Statick Block

The same way you can use the module to put links or text content on any place of your website: it is just enough to indicate in your template where exactly the necessary block should be placed and name it. In this way I usually create new blocks with links or ads on a page footer which can later be managed by a website administrator who is even not much familiar with programming.

Prestashop Static Blocks

Prestashop Static Blocks

Prestashop Static Blocks



Post a new comment

top
BelVG Newsletter
Subscribe to our mailing list and get interesting stuff and updates to your email inbox.
Email *