Carlisle Fresh Template Support Thread

[magz]

I would recommend adding the large header image as a background image on the element #headerWrapper. In general, you can make background images responsive by adding background-size: 100%;
Thanks,
Anne

Hi Anne - oy, i must be doing something wrong because that made things worse. Here's the code I used:
#headerWrapper {margin:0;padding:0;background:transparent url(../images/asn-header-feather.png) no-repeat 100% center;}

With the full width image in #headerWrapper's background, it lowered itself on the page. On home page it practically disappears behind the sliders, with the login/cart/checkout links hanging in the middle of nothing way up above it. On 2-column pages it's maybe 50-100 pixels lower than it should be (this brings it closer to the main nav, which i like, but too far from top of screen, which i don't like). Also, main column is still below the left instead of next to it. I haven't yet tried making the header image clickable so it links to home page...

BTW, this is NOT a new ZC install, I'm switching from the Classic template, and I do have a bunch of plugins. I haven't yet copied their template-specific files to Carlisle folders - should I do that before I mess with anything else? Maybe active plugins that can't find their template-specific files are interfering?

Thank you!
Magz

[picaflor-azul]

Hi Anne - oy, i must be doing something wrong because that made things worse. Here's the code I used:
#headerWrapper {margin:0;padding:0;background:transparent url(../images/asn-header-feather.png) no-repeat 100% center;}

With the full width image in #headerWrapper's background, it lowered itself on the page. On home page it practically disappears behind the sliders, with the login/cart/checkout links hanging in the middle of nothing way up above it. On 2-column pages it's maybe 50-100 pixels lower than it should be (this brings it closer to the main nav, which i like, but too far from top of screen, which i don't like). Also, main column is still below the left instead of next to it. I haven't yet tried making the header image clickable so it links to home page...

BTW, this is NOT a new ZC install, I'm switching from the Classic template, and I do have a bunch of plugins. I haven't yet copied their template-specific files to Carlisle folders - should I do that before I mess with anything else? Maybe active plugins that can't find their template-specific files are interfering?

Thank you!
Magz

I would add the background-size:100%; as a separate declaration.

If you post a link to your site I can take a look.

Thanks,

Anne

[picaflor-azul]

Anne, any thoughts on this problem??

Try adding this to the bottom of the responsive.css file:

.ie8 .content1{display:block !important;}

Thanks,

Anne

[magz]

I would add the background-size:100%; as a separate declaration.
If you post a link to your site I can take a look.
Thanks,
Anne

Hi Anne - I tried that, too, with the same result. Also, forgot to mention earlier, when I totally removed the logo, the #headerWrapper bgd image became cut off on the top, and login/cart/checkout links jumped up to the very top of the page (above my shipping banner), and on home page the bgd image jumped below the main nav menu and was almost completely hidden behind the slider. So I added a transparent logo file, just 1 px wide but 150 px tall. That fixed the cutting off issue, but not the issues I described previously. Also, whether the transparent logo is there or not, on home page the area with category thumbnails appears pushed to the right (Featured Products carousel and everything below it seems fine, I love the carousel feature BTW).

The link to the testing site (my only one with Carlisle at this point) is http://test.allstringsnylon.info - thank you!
Magz

[grakowsky]

Try adding this to the bottom of the responsive.css file:

.ie8 .content1{display:block !important;}

Thanks,

Anne

Unfortunately that didn't work. I'm surprised this hasn't been brought up before... does anyone else out there have any ideas? My footer links are not showing in IE8 when the page javascript is enabled, they show fine in Firefox and Safari and Chrome though.

[grakowsky]

Unfortunately that didn't work. I'm surprised this hasn't been brought up before... does anyone else out there have any ideas? My footer links are not showing in IE8 when the page javascript is enabled, they show fine in Firefox and Safari and Chrome though.

Oh my goodness.... I did it. Thank you, Anne, you pointed me in the right direction. At the bottom of stylesheet.css in the carlisle_fresh css directory, you had already put

.ie8 .content{display:block !important;}

so I put this beneath it:

.ie8 .content1{display:block !important;}

.

Is this problem because of the carousel and this line of code in the beginning of tpl_footer_menu.php?

$(document).ready(function() {
        jQuery(".content1").hide();
        //toggle the componenet with class

If so, what does that portion of the code do? (I'm just curious)

Thanks again!!

[View Jepsons]

Hi, I'm having an issue with displaying the 'Conditions' on my website (is there a SQL patch to solve this). Also is there any way of making the featured products on the main page responsive for hand held devices? I'm using Zen Cart 1.5.1 and am very new to this.
http://www.view-jepsons.com/
Kind regards

[picaflor-azul]

Hi, I'm having an issue with displaying the 'Conditions' on my website (is there a SQL patch to solve this). Also is there any way of making the featured products on the main page responsive for hand held devices? I'm using Zen Cart 1.5.1 and am very new to this.
http://www.view-jepsons.com/
Kind regards

The featured products on the main page is responsive.

See the demo:

http://zenlyzen.com/responsive_demo/...carlisle_fresh

There should be no problems with the define pages content.

Thanks,

Anne

[picaflor-azul]

Oh my goodness.... I did it. Thank you, Anne, you pointed me in the right direction. At the bottom of stylesheet.css in the carlisle_fresh css directory, you had already put

.ie8 .content{display:block !important;}

so I put this beneath it:

.ie8 .content1{display:block !important;}

.

Is this problem because of the carousel and this line of code in the beginning of tpl_footer_menu.php?

$(document).ready(function() {
        jQuery(".content1").hide();
        //toggle the componenet with class

If so, what does that portion of the code do? (I'm just curious)

Thanks again!!

It is not really related to the javascript. I mistakenly used the content class which is already used by zen cart, so it has been changed to content1.

Thanks,

Anne

[picaflor-azul]

Hi Anne - I tried that, too, with the same result. Also, forgot to mention earlier, when I totally removed the logo, the #headerWrapper bgd image became cut off on the top, and login/cart/checkout links jumped up to the very top of the page (above my shipping banner), and on home page the bgd image jumped below the main nav menu and was almost completely hidden behind the slider. So I added a transparent logo file, just 1 px wide but 150 px tall. That fixed the cutting off issue, but not the issues I described previously. Also, whether the transparent logo is there or not, on home page the area with category thumbnails appears pushed to the right (Featured Products carousel and everything below it seems fine, I love the carousel feature BTW).

The link to the testing site (my only one with Carlisle at this point) is http://test.allstringsnylon.info - thank you!
Magz

If I were you, I would restore the original stylesheet and tpl_header.php file. Just add your logo as the logo should be added and then adjust the other header elements using css to suit your needs.

If you will not be using the tagline, there is a patch posted earlier in the thread with corrected code for the tpl_header.php file.

Thanks,

Anne