Responsive Sheffield Blue v2.0

[MCS_Computers]

I went in and changed the min-height in the stylesheet.css but it made no difference ??

[MCS_Computers]

Pay Grade!!!

Move the javascript files from the responsive_classic jscript folder to your RSB jscript folder
jquery.matchHeight.js
jscript.matchHeight-min.js
jscript_responsive_framework.php

In jscript_responsive_framework.php I didn't use any of the responsive mobile stuff so I deleted all but the lines needed for matchHight which are.

<script type="text/javascript"><!--//

(function($) {
$(document).ready(function() {

$('.centeredContent').matchHeight();
$('.specialsListBoxContents').matchHeight();
$('.centerBoxContentsAlsoPurch').matchHeight();
$('.categoryListBoxContents').matchHeight();
$('.centerBoxContentsLinks').matchHeight();

});

}) (jQuery);

//--></script>

I also renamed the file so in the future it would be easy to upgrade.
I'm running on ZC1.5.5e, started with RSB v1, modified to meet php7.1 and then some... works!
Idea of what's going on here any box you want to match hight needs to be listed here and all need the same class name. added for links was .centerBoxContentsLinks each div has this class so each link box match the hight of the others..

Hope that helps... Not getting paid any more, so guess pay grade is out...

Hey Dave done exactly what you have said, when I looked in the jscript_responsive_framework.php file these lines were already there ...

$('.centeredContent').matchHeight();
$('.specialsListBoxContents').matchHeight();
$('.centerBoxContentsAlsoPurch').matchHeight();
$('.categoryListBoxContents').matchHeight();

So under the last entry I put in the ..

$('.centerBoxContentsLinks').matchHeight();

Nothing changed on the site, I`m sorry I`m punching a little over my weight here but do I need to do anything else as nothing has changed ???

[davewest]

Hey Dave done exactly what you have said, when I looked in the jscript_responsive_framework.php file these lines were already there ...

$('.centeredContent').matchHeight();
$('.specialsListBoxContents').matchHeight();
$('.centerBoxContentsAlsoPurch').matchHeight();
$('.categoryListBoxContents').matchHeight();

So under the last entry I put in the ..

$('.centerBoxContentsLinks').matchHeight();

Nothing changed on the site, I`m sorry I`m punching a little over my weight here but do I need to do anything else as nothing has changed ???

Just noticed I have a typo in my scribble.. if you changed the file name as I typed was jscript.matchHeight-min.js back to jscript_matchHeight-min.js it should work...

The four lines are in the jscript_responsive_framework.php but you should downsize the file to what I have. The rest is handled in RSB 2..

[MCS_Computers]

Hey DaveWest, I actually never changed the filename it is still jscript_matchHeight-min.js but as you can see from this link the products are still all over the place ...

http://www.ukinks.co.uk/index.php?ma...ort=20a&page=5

There is an extra line in the code though that is not on your post ....

$('.centeredContent').matchHeight();
$('.specialsListBoxContents').matchHeight();
$('.centerBoxContentsAlsoPurch').matchHeight();
$('.categoryListBoxContents').matchHeight();
$('.centerBoxContentsLinks').matchHeight();

$('.no-fouc').removeClass('no-fouc'); <<=== THIS LINE HERE ??
});

}) (jQuery);

//--></script>

[gunni]

If you mean that the blocks are not the same height when text is more than one line then
I solved it @ stylesheet.css

around line 266:
.centerBoxContentsAlsoPurch, .centerBoxContentsProducts, .centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials{border:1px solid #dbdbce;background:#f7f7f7;padding:20px 0px;width:30% !important;transition:background 2s ease;-webkit-transition:background 2s ease;-moz-transition: background 2s ease;-o-transition:background 2s ease;text-align:center;margin-left:15px;margin-bottom:20px;min-height: 464px;}

and change the minimum height to a higher value...

[MCS_Computers]

If you mean that the blocks are not the same height when text is more than one line then
I solved it @ stylesheet.css

around line 266:
.centerBoxContentsAlsoPurch, .centerBoxContentsProducts, .centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials{border:1px solid #dbdbce;background:#f7f7f7;padding:20px 0px;width:30% !important;transition:background 2s ease;-webkit-transition:background 2s ease;-moz-transition: background 2s ease;-o-transition:background 2s ease;text-align:center;margin-left:15px;margin-bottom:20px;min-height: 464px;}

and change the minimum height to a higher value...

Hey Gunni, this is weird. I did that originally and did not get a result so I followed DaveWest and did not get a result. I have just changed the stylesheet again and adjusted the 3 entries that relate to min-height and now it works, everything aligns perfectly.

Thanks to all concerned because between you all my issue is fixed :)

[gunni]

[spminis]

A minor but annoying issue.
The "add to cart" text is located above the quantity box. How can I move it so that it aligns with the box?

An example is http://www.spminiatures.com/store/in...ndex&cPath=221

Thanks
Carol

[spminis]

A minor but annoying issue.
The "add to cart" text is located above the quantity box. How can I move it so that it aligns with the box?

An example is http://www.spminiatures.com/store/in...ndex&cPath=221

Thanks
Carol

Solved it - increased the width of the column in the admin config


Carol

[How?]

I have 2 issues on my website.
1. My footer menu shows on every page except on my home page.
2. If I have a Sub category it does not show the sub categories on the main page. It does however show the branch out on the categories dropdown menu on the left of the page.