Blocklayered and Blockcart problems

[Xwioch]

Hi guys, 

I'm looking for a solution for two problems that I have with two modules. 

 

First I thing is that the blocklayered module is bugged. I mean, if someone use the checkbox for filter the products it works fine, but, if someone clicks a label this doesn't work and deletes all the current filters. 

I wish to fix it or, if isn't possible, to make the labels  not clickable. 

 

 

Second thing, I got a little problem with the blockcart module. In every page in the header there is the "cart" button for see what you are buying. There is probably a mouse hover action and when, with my mouse, I go on the button it will show a window with my products. Well, my problem is that the window show two scrollbars, probably caused by the dimension. I wish to change the window's size for not have this scrollbars (look at the picture for see what I mean). 

 

http://oi63.tinypic.com/4imrmf.jpg

 

I tryed to fix it on my own, but I failed, I have read something about the blocklayered.js file about the blocklayered problem, but I didn't understand what to do. And also for the blockcart I was trying to change the size on the blockcart.css file but it didn't work too. I really appreciate your help me guys.

 

Best regards. 

 

[Xwioch]

I want to update this post because I got a third problem: always with the blocklayered module I saw that the drop down list is bugged. I saw this topic that is exactly talking about my issue: https://www.prestashop.com/forums/topic/334466-solved-layered-navigation-problem/ . I tryed the solution but it didn't work. I didn't say my prestashop version, I'm using the 1.6.1.7. Waiting for answers. Thanks 

 

UPDATE: 14/11/2016 11:03 (Europe Format) 

I found a solution for the drop down list. I was just looking in the wrong folder on my ftp site. 

I was changing code in /modules/blocklayered/ but I noticed that was wrong when I deleted some files and it was still working.

So I did a little search and I discover that the right folder was in themes/mytheme/modules/blocklayered for the .tpl file and themes/mytheme/js/modules/blocklayered/ for the .js file.I followed the topic I linked before and I just found this code in blocklayered.js (I didn't change it)

$('body').on('change', '#layered_form .select', function() {
        reloadContent(true);
    });

So in the blocklayered.tpl I changed it:

<option class="dropdown_select" style="color: {if isset($value.color)}{$value.color}{/if}" id="layered_{$filter.type_lite}{if $id_value || $filter.type == 'quantity'}_{$id_value}{/if}" value="{$id_value}_{$filter.id_key}" {if isset($value.checked) && $value.checked}selected="selected"{/if} {if !$value.nbr}disabled="disabled"{/if}>

Just adding a class="dropdown_select" and it start working. Maybe this can help someone in future, there are so many folders and is hard for me understand which is the right one. Anyway now this is solved but I'm still in trouble with the others two issues. 

 

UPDATE: 14/11/2016 11:23 (Europe Format) 

I don't know why but now the labels near che checkbox start working. I did nothing (except add the class dropdown_select) and now it seems working. I deleted the blocklayered.tpl and the blocklayered.js file from my ftp space before upload it again, I can't understand if this means something. Anyway I'm glad to have svoled this, I also want to fix the blockcart windows, any help would be appreciate. (Now I will see it again alone, because I probably saw the wrong folder for this module too). I will update this topic again if I got news.

 

UPDATE: 14/11/2016 11:57 (Europe Format) 

I found that what I mean about the cart "mouse hover" is the so called ajax cart. I'm now looking how manage the size of this part of the module.

For me is enough a ShowScrollbar="No" or something like this. But, is important to show the full content of the cart, this is obvious I think. 

 

UPDATE: 14/11/2016 15:17 (Europe Format) 

And here we are again, I finally found how to fix the blockcart problem. I will just explain my solution in case someone will search it in future, also because I found nothing on the web about this. So, I went on the blockcart.css file in /themes/mytheme/css/modules/blockcart/ and changed the following code:

#header .cart_block {
  position: absolute;
  top: 65px;
  right: 0;
  z-index: 100;
  display: none;
  height: auto;
  max-height: 650px;
  background: #222;
  color: white;
  width: 270px;
  overflow: auto;}

At the beginning the overflow parameter was set on scroll. For this reason I had the effect you can see in the picture I posted. If you wish to change this value you can find here http://www.w3schools.com/cssref/playit.asp?filename=playcss_overflow&preval=auto an example of different effect. I just used the auto that is what I wanted. 

 

So, I think I solved all the issues I said in the main post. I don't need help for now  

Edited November 14, 2016 by Xwioch (see edit history)