Responsive Sheffield Blue v2.0

Why are my images not appearing right?
http://gelcandlecompany.com/tea-lights-c-118/designer-c-118_163/
I tried smaller sizes and they appear the same. I tried other images from other shops that appear ok and they are not showing right for me.
Is there an image handler mod I'm missing?

I cannot access your site to troubleshoot the image issue.

spawnie69:

Wow!Thank you so much now I have to resize images.
http://gelcandlecompany.com/tea-lights-c-118my /designer-c-118_163/

spawnie69:

Why are my images not appearing right?
http://gelcandlecompany.com/tea-lights-c-118/designer-c-118_163/
I tried smaller sizes and they appear the same. I tried other images from other shops that appear ok and they are not showing right for me.
Is there an image handler mod I'm missing?

rbarbour:

I cannot access your site to troubleshoot the image issue.

the site works for me: http://gelcandlecompany.com/tea-lights-c-118/earthy-c-118_122/

spawnie69:

the site works for me: http://gelcandlecompany.com/tea-lights-c-118/earthy-c-118_122/

here are my category images >
http://gelcandlecompany.com/classic-jars-c-92/

Your images appear correctly. What are you seeing that I am not.

spawnie69:

Wow!Thank you so much now I have to resize images.
http://gelcandlecompany.com/tea-lights-c-118my /designer-c-118_163/

spawnie69:

here are my category images >
http://gelcandlecompany.com/classic-jars-c-92/

rbarbour:

Your images appear correctly. What are you seeing that I am not.

On my desktop the images are appearing but the products are not lined up correctly.
CenterBoxContentsProducts seems to show only 2 columns in firefox and 3 in chrome.
There seems to be a weird spacing not aligning the products next to each other like this fellow zen cart user:
http://religious-shop.com/jewelry/corded-bracelets
and this user's site shows the items all aligned in chrome and firefox with 3 columns.

For my site spacing issue seems to be worse with chrome. Mobile is fine though.
will post a pic.
thanks

Here are pics showing my products http://gelcandlecompany.com/classic-jars-c-92/florals-c-92_79/
thanks

spawnie69:

Here are pics showing my products http://gelcandlecompany.com/classic-jars-c-92/florals-c-92_79/
thanks

You can either correct this by using css and the min-height property on the product boxes container, or adding a javascript such as match height to dynamically make the boxes the same height. Another alternative is to have product images with the same aspect ratio and product titles of the same lengths.

Thanks,

Anne

spawnie69:

Here are pics showing my products http://gelcandlecompany.com/classic-jars-c-92/florals-c-92_79/
thanks
Had similar problem - seemed to be varying size of images was causing the product display boxes to be different sizes which then pushed some of them out of one row into another, sometimes leaving blank spots. Fix for me, as noted in this forum already, was to change the size of the display boxes in the stylesheet. I changed the min-height to a (fixed) height that worked for my max image size. There was another solution offered, also in this forum, that dealt with jquery. It was probably a better suggestion was out of my novice ability to understand.

rbarbour:

For anyone having an issue getting the amount of product per row to display correctly (config value)

open:
/includes/templates/responsive_sheffield_blue/css/responsive_default.css

in the media query section
@media (min-width:980px) and (max-width:1200px) {

find:
Code:

.centerBoxContentsAlsoPurch, .centerBoxContentsProducts, .centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials {width:45% !important;}
change to:
Code:

.centerBoxContentsAlsoPurch, .centerBoxContentsProducts, .centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials {}
This will allow the width to properly calculate in desktop devices.

I had that problem too. Thanks to you, it is now resolved.

Thanks again,

Silver

please help any free way of adding a credit card payment option onto my site ?

SilverHD:

rbarbour:

I had that problem too. Thanks to you, it is now resolved.

Thanks again,

Silver

Thank you everyone Just fixed it by following rbarbour steps. Thank you Silver for enlightening me, I thought I searched high in low in the thread.
Looks great: http://gelcandlecompany.com/classic-jars-c-92/florals-c-92_79/
Doesn't help if missing pics and I probably should have all images about the same size would help.

Thanks again everyone for helping.

Use matchHeight, it was included in v1.55 responsive_classic

copy

/includes/templates/responsive_classic/jscript/jscript_matchHeight-min.js

to

/includes/templates/responsive_sheffield_blue/jscript/jscript_matchHeight-min.js

add to:

/includes/templates/responsive_sheffield_blue/jscript/jscript_responsive_framework.php

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

You can duplicate above including the selector for all the different boxes

spawnie69:

Thank you everyone Just fixed it by following rbarbour steps. Thank you Silver for enlightening me, I thought I searched high in low in the thread.
Looks great: http://gelcandlecompany.com/classic-jars-c-92/florals-c-92_79/
Doesn't help if missing pics and I probably should have all images about the same size would help.

Thanks again everyone for helping.

rbarbour:

Use matchHeight, it was included in v1.55 responsive_classic

copy

/includes/templates/responsive_classic/jscript/jscript_matchHeight-min.js

> 
> to
> ```
/includes/templates/responsive_sheffield_blue/jscript/jscript_matchHeight-min.js

add to:

/includes/templates/responsive_sheffield_blue/jscript/jscript_responsive_framework.php

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

You can duplicate above including the selector for all the different boxes

I don't see /jscript_reposnsive_framework.php in the Resp Sheffield Blue flies - so should that file be copied over from /responsive_classic? I see the latter has the bit of matchHeight code in it.

I do have /jscript_framework.php in the Sheffield folder, the original being replaced by the file from /template_default as per Dr Byte earlier suggestion in this forum.

My mistake,

/jscript_reposnsive_framework.php isn't part of this version. Copying it may create some some issues.

Do not copy:

/includes/templates/responsive_sheffield_blue/jscript/jscript_responsive_framework.php

create:

/includes/templates/responsive_sheffield_blue/jscript/jscript_matchHeight.php

and add:

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


<?php if ( $detect->isMobile() && !$detect->isTablet() && $_SESSION['layoutType'] == 'full' || $detect->isTablet() && $_SESSION['layoutType'] == 'full' ){ ?>

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

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


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

soxophoneplayer:

I don't see /jscript_reposnsive_framework.php in the Resp Sheffield Blue flies - so should that file be copied over from /responsive_classic? I see the latter has the bit of matchHeight code in it.

I do have /jscript_framework.php in the Sheffield folder, the original being replaced by the file from /template_default as per Dr Byte earlier suggestion in this forum.

rbarbour:

My mistake,

/jscript_reposnsive_framework.php isn't part of this version. Copying it may create some some issues.

Do not copy:

/includes/templates/responsive_sheffield_blue/jscript/jscript_responsive_framework.php

> 
> create:
> ```
/includes/templates/responsive_sheffield_blue/jscript/jscript_matchHeight.php

and add:

Saved above code (and nothing else) in new file  /includes/templates/responsive_sheffield_blue/jscript/jscript_matchHeight.php 
Copied /includes/templates/responsive_classic/jscript/jscript_matchHeight-min.js into the sheffield blue jscript folder 
Did not copy  /includes/templates/responsive_sheffield_blue/jscript/jscript_responsive_framework.php

Breaks site. Logs give an unanticipated ending on line #22 (final line) of the above code. Did I misunderstand?

No, I did a copy paste error.

<?php
/**
 * @package templateSystem
 * @copyright Copyright 2003-2016 Zen Cart Development Team
 * @license [url]http://www.zen-cart.com/license/2_0.txt[/url] 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>

soxophoneplayer:

Saved above code (and nothing else) in new file /includes/templates/responsive_sheffield_blue/jscript/jscript_matchHeight.php
Copied /includes/templates/responsive_classic/jscript/jscript_matchHeight-min.js into the sheffield blue jscript folder
Did not copy /includes/templates/responsive_sheffield_blue/jscript/jscript_responsive_framework.php

Breaks site. Logs give an unanticipated ending on line #22 (final line) of the above code. Did I misunderstand?

Viljoesj:

please help any free way of adding a credit card payment option onto my site ?

I am not sure what you mean by "free" (all payment processing companies will be charging fees) but zen cart comes with several payment modules built in. See admin--modules--payment

Thanks,

Anne

I know that this template is being updated as time permits ... but has anyone already successfully applied the changes as advised in thread https://www.zen-cart.com/showthread.php?219801-Making-v154-DIY-Picaflor-Azul-templates-work-with-v1-5-5 to make this template working in ZC 1.5.5 ?

Frank, I have done it!

You can see it on v1.5.5 here.

frank18:

I know that this template is being updated as time permits ... but has anyone already successfully applied the changes as advised in thread https://www.zen-cart.com/showthread.php?219801-Making-v154-DIY-Picaflor-Azul-templates-work-with-v1-5-5 to make this template working in ZC 1.5.5 ?