Jump to content

Change the position of loader.gif


Recommended Posts

Hello everyone, I need to make a change to the blocklayered.


The change is quite simple and consists of only bring up the animated gif (loader.gif) "loading" instead of above list of products

should appear in the top menu select but always within the layered navigation block.


I looked at the file blocklayered.tpl and at the bottom there is the management of the gif I'm interested in:



<div id="layered_ajax_loader" style="display: none;">

<p><img src="{$img_ps_dir}loader.gif" alt="" /><br />{l s='Loading...' mod='blocklayered'}</p>




<div id="layered_block_left" class="block">

<div class="block_content">

<form action="#" id="layered_form">

<input type="hidden" name="id_category_layered" value="{$id_category_layered}" />



<div style="display: none;">

<p style=""><img src="{$img_ps_dir}loader.gif" alt="" /><br />{l s='Loading...' mod='blocklayered'}</p>






I do not understand, however, which variable to use to enable and disable the display of the gif.

Can you help me figure out which variable to use?


the image attached explains it better than 1000 words what I would do :)




Link to comment
Share on other sites

  • 2 months later...

the position of layered_ajax_loader is defined in this file :




on line 333 (by default)



you have to replace #product_list by another id


For example, you can create an empty div at the end of your blocklayered.tpl (this is the place where you want to load the loader.gif):


<div id="loadingzone" style="height:25px;"></div>


In this example you have to modify your modules\blocklayered\blocklayered.js like this :



Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...