Blue Strip Reloaded...

I thought about making a template from scratch, then I wondered what the heck it would be. One day, I was searching Zen Carts over the net to get some ideas... I found sooo many with a legendary template called Blue Strip. Of course, it was for older versions. I figured I would blend it in to Zen Cart 1.3x. Well, I had some headaches along the way. Firstly, I wasn't about to make a mess with the revamping, like having tons of needless override stuff. I wanted to stay away from tables, so I did it all by trial and error. One thing was that the shopping cart sidebox would have inner doubled borders, thanks to Kurio... that was solved with his modded shopping cart file that is included in this package. Secondly, the search box heading was pulling off the sidebox boxtop image. So, I experimented and found the problem... In the stylesheet, for LABEL, I changed the line-height to 1em and it solved the problem. The prototype template was NOT identical, I customized it as lightweight as I could and it has the typical shoddy font in the sideboxes due to the boxtop images having horizontal lines. Note: This template design does NOT allow the top/header EZ pages to be used, it was needed to bypass in order to make the copyright area borderless. If you have those switched on, turn them off for the header. The template also looks better with the Categories-Tabs Menu: OFF. I also made a break-through in rendering problems with Firefox, the fix is included in the stylesheet.

Known issues, minor horizontal scroll in 800x600... I forgot to fix it. :P

Uggghhh... What a dummy. :wacko:

I apologize Kuroi, I spelled your user name wrongly here and in my text files for the template.

--> me :bangin: <--you

Forgiven. People post regularly asking for this template, so if you've submitted it as an add-on (I can't see it in the downloads area at the moment) you're going to be rather popular.

Sketchy's new retro template is now available in the download section and can be viewed in action here. Nice work, Sketchy.

Thanks Kuroi!

As you can tell, using Firefox, the template has fixed dimensions and relies on the recommended settings to counterbalance between Firefox and Explorer.

I almost scrapped the idea when I realized the effect of the horizontal lined boxtop images had on the heading text, but I saw a crazy amount of stores using the original Blue Strip and I had to keep going with the project.

Each template I do, helps me to understand issues with cross browser compliancy and I get closer to finding better fixes... it frustrating, but it's also a interesting learning curve. :yes:

`The provided screenshot was taken with FF.

Just to be positive, I just tested this template with v1.3.5 and all is well. Since I made this one using the default overrides, there are no known issues with Firefox or MSIE6 / 7... like the problem or similar to what the Candied templates had before recent revisions.

Although, I overlooked a whitespace issue under the logo wrapper. It's an easy and quite common fix, so all you have to do is go into the default template folder and copy the tpl_header.php from the 'common' folder. Go into the Blue Strip template folder and paste the copy into the 'common' folder there. You only have to apply a tiny hack.

Find in the tpl_header.php;

<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

Only delete the line in red.

I tested the fix with the three browsers stated prior and it works. :yes:

Hi Sketchy,

Thanks for the conversion of the bluestrip template.

I adopted is for te shop of a friend of mine that I had to upgrade due to moving to another server. from version 1.27 to 1.37
it can be seen on
http://www.luxim.nl/

I see som strange behavior that I never saw with the old verion.
The lright boxes look a little funny.


The left box goes to centre now and then after clicking sub categories. Maybee due to a little slow server on this side :S

It looks like the containers are resizing is that correct?
Or is this some other phenomena

BTW i tested under FFox and explorer and bote look a bit different.

I sure like to use CSS myself for sizing and positionning but I rather had the old template system that was much less browser dependent to my exprience.

Bert

Hey, thanks for the template.

Took awhile but we finally got it to work with our site like the old bluestrip on 1.2.25

Linda and I are stumped on this issue though. Perhaps you can help

http://www.zen-cart.com/forum/showthread.php?t=57551

Thanks

Well, looks like JETTRUE found the answer

.hiddenField {
display:none;
}

This is missing from the BLUESTRIP CSS file

Thanks JETTRUE

Ain't the designer type grand? Thanks! :cool:

Ajeh:

Ain't the designer type grand? Thanks! :cool:

Didn't I tell you it had something to do with the CSS

Yes they are - just too bad he forgot to put it in the in the 1st place

LOL

I belive the new code was added after that template was released ...

I don't believe folks are mind readers ... :cool:

Hi I inserted the codein the stylesheet,
Still the behavior is some strange.
I got the sideboxes fixed but still this strange effect that I do not see with the classic template.

every time I load a page the left boxes shift to the center of the window for a short time and then it jumps to the correct position.
This only happens whern I load a new page that I hve not openend yet.

Please have a look at http://www.luxim.nl

Also I still see a white line between the header and the rest of the page that is not part of the header image. The thin lines on each side are interrupted there.

Sure hope I get tis also fixed;)

Bert

mrbert:

Hi I inserted the codein the stylesheet,
Still the behavior is some strange.
I got the sideboxes fixed but still this strange effect that I do not see with the classic template.

every time I load a page the left boxes shift to the center of the window for a short time and then it jumps to the correct position.
This only happens whern I load a new page that I hve not openend yet.

Please have a look at http://www.luxim.nl

Also I still see a white line between the header and the rest of the page that is not part of the header image. The thin lines on each side are interrupted there.

Sure hope I get tis also fixed;)

Bert

Yeah, you're right. That CSS needs ALOT of work!

YIKES

For Pete's sake, I only did minor things to a "stock" template. FYI, the CSS only had values changed to suit the color scheme.. like links, text, and that normal sort of thing. Funny how it passed strict compliance testing, before packing it up into a zip folder to upload here. :frusty:

I didn't "forget" anything, nor make drastic changes. How could I forget something, when it was the stock stylesheet in the first place?? All the code that was on the 1.3.5v was already in place!

BTW, thank you Ajeh, for setting the record straight about the "omitted code block". Rawr! :laugh:


This template requires the 1.3.7 updates. Search for the recent changes for the newest stylesheet, it's not hard and it's a good thing to learn how to do.

I'll still tend to the last query, but it deals with information already stated.

Hi I inserted the codein the stylesheet,
Still the behavior is some strange.
I got the sideboxes fixed but still this strange effect that I do not see with the classic template.

every time I load a page the left boxes shift to the center of the window for a short time and then it jumps to the correct position.
This only happens whern I load a new page that I hve not openend yet.

Please have a look at http://www.luxim.nl

Also I still see a white line between the header and the rest of the page that is not part of the header image. The thin lines on each side are interrupted there.

Sure hope I get tis also fixed;)

Bert

I didn't have any shifting occurrences with this template, so I don't know what the immediate cause would be. It's basically a stock 1.3.5 platform template. As I mentioned below, that space under the header is due to a clear break issue. Again, it's 99.9% all "stock". So, recheck my post in this topic on 5th September 2006 03:09 AM as I've already addressed this issue. Also, you made a coding error in your stylesheet:

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
was hereborder-bottom: 1px solid #9A9C86;

	}

Comment out your stylesheet comments.. as like: /*was here*/

Sketchy:

For Pete's sake, I only did minor things to a "stock" template. FYI, the CSS only had values changed to suit the color scheme.. like links, text, and that normal sort of thing. Funny how it passed strict compliance testing, before packing it up into a zip folder to upload here. :frusty:

I didn't "forget" anything, nor make drastic changes. How could I forget something, when it was the stock stylesheet in the first place?? All the code that was on the 1.3.5v was already in place!

BTW, thank you Ajeh, for setting the record straight about the "omitted code block". Rawr! :laugh:


This template requires the 1.3.7 updates. Search for the recent changes for the newest stylesheet, it's not hard and it's a good thing to learn how to do.

I'll still tend to the last query, but it deals with information already stated.



I didn't have any shifting occurrences with this template, so I don't know what the immediate cause would be. It's basically a stock 1.3.5 platform template. As I mentioned below, that space under the header is due to a clear break issue. Again, it's 99.9% all "stock". So, recheck my post in this topic on 5th September 2006 03:09 AM as I've already addressed this issue. Also, you made a coding error in your stylesheet:

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
was hereborder-bottom: 1px solid #9A9C86;

	}

Comment out your stylesheet comments.. as like: /*was here*/

I'm sure the template was good - but for us to get it to function as the old bluestrip did - it took a considerable amount of work

Do appreciate the effort you put into it as it was a huge help of not having to develop the majority of it ourselves

Im really enjoying the template, however, how do i get rid of the tag line?!

Hello, anyone reading this forum?, Sketchy?

Have a question to template Blue Strip Reloaded V1.3 by Sketchy.

I want to remove the white area under the logo image (header_bg.jpg). How to do it? what to edit and which file?

** **
I know that you can change the height on the image in file: stylesheet.css, but that don't help.

Also, if someone want to remove the text on top of logo (image), edit file: header.php to change, located under /languages/your_language...