Responsive Sheffield Blue v2.0

rbarbour:

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

Thanks,

Silver

Quote:

---

Originally Posted by SilverHD

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 Code:

---

<?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/

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

Quote:

---

Originally Posted by 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

---

Ok, my mistake

/includes/templates/responsive_default/jscript/

should be

/includes/templates/responsive_sheffield_blue/jscript/

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

Quote:

---

Originally Posted by 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

---

I see the content of that file :cool:

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.

rbarbour:

Refer to Post #928:

Code:

upload this one:

Code:

---

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

---

That's not the responsive_sheffield_blue. Confused again??


Silver

Quote:

---

Originally Posted by SilverHD

rbarbour:

Refer to Post #928:

Code:

upload this one:

Code:

---

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.

rborbour:

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

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

Quote:

---

Originally Posted by SilverHD

rborbour:

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

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

Code:

---

.centerBoxContentsProducts { min-height: 595px; }

---

with matchHeight you have options

this code makes all you listing boxes the same height

Code:

---

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

---

or you can add individual selectors

Code:

---

$('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:

Code:

---

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

---

Good luck, I'm calling it a day!