Responsive Sheffield Blue v2.0

[SilverHD]

rbarbour:

Unfortunately, I don't know how to "create" code. If there is an easy way, please clue me in.

Thanks,

Silver

[rbarbour]

rbarbour:

Unfortunately, I don't know how to "create" code. If there is an easy way, please clue me in.

Thanks,

Silver

Your not creating any code, create a file and name it "jscript_matchHeight.php"

add this code to that file:

<?php
/**
 * @package templateSystem
 * @copyright Copyright 2003-2016 Zen Cart Development Team
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version ZCA/GIT: $Id: rbarbour New for v1.5.5 $
 */
?>

<script type="text/javascript"><!--//
(function($) {
$(document).ready(function() {

$('.centerBoxContentsProducts').matchHeight();


  });
}) (jQuery);
//--></script>

upload that file to: /includes/templates/responsive_default/jscript/

[SilverHD]

rbarbour:

I think I did exactly as you had instructed and I still have uneven images. Take a look at categories -> cabinets. I don't think I did anything wrong, although it was the first time I did anything like that. I created a file in Notepad ++ and called it "jscript_matchHeight.php" without the quotes, per your instructions. Then, I added the rest of the code and added it to /includes/templates/responsive_default/jscript/

Again, the site is www.mygiftsite.com

Thanks,

Silver

[rbarbour]

rbarbour:

I think I did exactly as you had instructed and I still have uneven images. Take a look at categories -> cabinets. I don't think I did anything wrong, although it was the first time I did anything like that. I created a file in Notepad ++ and called it "jscript_matchHeight.php" without the quotes, per your instructions. Then, I added the rest of the code and added it to /includes/templates/responsive_default/jscript/

Again, the site is www.mygiftsite.com

Thanks,

Silver

Ok, my mistake

/includes/templates/responsive_default/jscript/

should be

/includes/templates/responsive_sheffield_blue/jscript/

[SilverHD]

rbarbour:

I made the change and have the same results. Don't know what's going on. Take a look:

http://www.mygiftsite.com/index.php?...ex&cPath=24_25

Silver

[rbarbour]

rbarbour:

I made the change and have the same results. Don't know what's going on. Take a look:

http://www.mygiftsite.com/index.php?...ex&cPath=24_25

Silver

I see the content of that file

I don't see a reference to
/includes/templates/responsive_sheffield_blue/jscript/jscript_matchHeight-min.js

I also see 2 references to jQuery CDN, not sure why.

[SilverHD]

rbarbour:

Refer to Post #928:

Code:

upload this one:

CATALOG_FILES/includes/templates/responsive_default/jscript/jscript_matchHeight-min.js

That's not the responsive_sheffield_blue. Confused again??


Silver

[rbarbour]

rbarbour:

Refer to Post #928:

Code:

upload this one:

CATALOG_FILES/includes/templates/responsive_default/jscript/jscript_matchHeight-min.js

That's not the responsive_sheffield_blue. Confused again??


Silver

file have to be uploaded to your template override folders, I copied and pasted responsive_default (my fault) but all files need to go in the responsive_sheffield_blue folder.

[SilverHD]

rborbour:

I switched it over to the proper template: responsive_sheffield_blue, deleted the code:

jscript_matchHeight-min.js

from responsive default and still have the same results:

http://www.mygiftsite.com/index.php?...ex&cPath=24_25

Been a long day....What's up??

Silver

[rbarbour]

rborbour:

I switched it over to the proper template: responsive_sheffield_blue, deleted the code:

jscript_matchHeight-min.js

from responsive default and still have the same results:

http://www.mygiftsite.com/index.php?...ex&cPath=24_25

Been a long day....What's up??

Silver

Very long day.

Ok, everything is loading correctly now.

Now that you have matchHeight up, you can delete this from your css

.centerBoxContentsProducts { min-height: 595px; }

with matchHeight you have options

this code makes all you listing boxes the same height

$('.centerBoxContentsProducts').matchHeight();

or you can add individual selectors

$('img.listingProductImage').matchHeight();
$('h3.itemTitle').matchHeight();
$('div.listingDescription').matchHeight();
$('div.pl-price').matchHeight();

now to apply matchHeight to center-boxes you'll need to add:

$('.centerBoxContentsNew').matchHeight();
$('.centerBoxContentsFeatured').matchHeight();
$('.centerBoxContentsSpecials').matchHeight();

Good luck, I'm calling it a day!