Zen Cart Logo
Forums / Addon Sideboxes / Make Side boxes look like this?

Make Side boxes look like this?

Locked

Views: 3,469

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
11 May 2007, 9:28 PM
#1
stuff4toys avatar

stuff4toys

Totally Zenned

Join Date:
May 2007
Location:
SW Florida
Posts:
1,062
Plugin Contributions:
1

Make Side boxes look like this?

Can someone help make sideboxes that look similar to these?
http://WWW.WORLDCLASSFLAGS.COM

or even with tabs like cat_tabs_V1.1a

Please Please Please Please Please :clap:
THANKS
JOhn ><>

12 May 2007, 2:21 AM
#2
econcepts avatar

econcepts

Totally Zenned

Join Date:
Dec 2005
Posts:
1,505
Plugin Contributions:
2

Re: Make Side boxes look like this?

Isn't that already your site? It is in your signature file?

Where would you want these made? I assume on a Zen Cart install?

14 May 2007, 1:25 PM
#3
stuff4toys avatar

stuff4toys

Totally Zenned

Join Date:
May 2007
Location:
SW Florida
Posts:
1,062
Plugin Contributions:
1

Re: Make Side boxes look like this?

econcepts:

Isn't that already your site? It is in your signature file?

Where would you want these made? I assume on a Zen Cart install?

Yes, this is the site that I was recently tasked to re-produce in Zen Cart. I am not a programmer, and my boss knows that. I have been able to reproduce most of the site, but am having problems creating a similar menu structure.

JOhn ><>

15 May 2007, 7:41 PM
#4
stuff4toys avatar

stuff4toys

Totally Zenned

Join Date:
May 2007
Location:
SW Florida
Posts:
1,062
Plugin Contributions:
1

Re: Make Side boxes look like this?

bump bump bump

16 May 2007, 5:40 AM
#5
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Make Side boxes look like this?

LibertyFlag:

bump bump bump

You could create a header graphic like the ones on your sample site in photoshop or any other graphic program.

16 May 2007, 6:23 AM
#6
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Make Side boxes look like this?

clydejones:

You could create a header graphic like the ones on your sample site in photoshop or any other graphic program.

unzip the following attached file. upload the two graphics to:

includes/templates/YOUR_TEMPLATE/images.

make the following changes to your stylesheet.css

.leftBoxHeading, .rightBoxHeading {
margin: 0;
background-image:url(../images/sidebox_header.jpg);
background-repeat:no-repeat;
padding: 0.5em 0;
}
.sideBoxContent {
background-image:url(../images/sidebox_content.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding: 0.3em 0.3em 1em 0.3em;
font-size: 1em;
}

open you admin -> configuration -> layout settings

adjust the following:

column width - Left boxes set to 200
column width - Right boxes set to 200

Column Width - Left set to 210
Column Width - Right aet to 210

Hope this helps[Attachment no longer available]

16 May 2007, 2:58 PM
#7
stuff4toys avatar

stuff4toys

Totally Zenned

Join Date:
May 2007
Location:
SW Florida
Posts:
1,062
Plugin Contributions:
1

Re: Make Side boxes look like this?

THANKS Clyde, I got the header graphic trick (thanks). I guess my original question was not really clear.

What I really was trying to accomplish is two fold.

  1. change the graphics <THANKS><DONE>
  2. change the display of categories and sub-categories.

I have sub-categories that go 3 or 4 layers deep so I need to limit the "Visible Menu Display" to just two layers. Primary categories and the next layer of sub-category.

What I am looking for is a side box that will:

Create a separate (tabbed box?) for each "Top Level Category" then list the "Second Level Category" within that box, each spaced within a (box) or horizontal line. Then the following layers of sub-categories can either be Drop Down or Fly Out type. (I prefer fly-out with a plain square backgound).

Like www.worldclassflags.com the "FLAGS" - "FLAGPOLES" and "BANNERS" are Top Level Categories. Inside listed are the Second Level Categories.

The problem with the old site is there are NO subsequent sub-category levels so EVERY American Flag is listed in a column.

Thank You all for your help. I would be lost (and out of a job) without this forum.

JOhn ><>

16 May 2007, 10:26 PM
#8
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Make Side boxes look like this?

LibertyFlag:

THANKS Clyde, I got the header graphic trick (thanks). I guess my original question was not really clear.

What I really was trying to accomplish is two fold.

  1. change the graphics <THANKS><DONE>
  2. change the display of categories and sub-categories.

I have sub-categories that go 3 or 4 layers deep so I need to limit the "Visible Menu Display" to just two layers. Primary categories and the next layer of sub-category.

What I am looking for is a side box that will:

Create a separate (tabbed box?) for each "Top Level Category" then list the "Second Level Category" within that box, each spaced within a (box) or horizontal line. Then the following layers of sub-categories can either be Drop Down or Fly Out type. (I prefer fly-out with a plain square backgound).

Like www.worldclassflags.com the "FLAGS" - "FLAGPOLES" and "BANNERS" are Top Level Categories. Inside listed are the Second Level Categories.

The problem with the old site is there are NO subsequent sub-category levels so EVERY American Flag is listed in a column.

Thank You all for your help. I would be lost (and out of a job) without this forum.

JOhn ><>

Pulling the categories/sub-categories is dynamic and they are called from the database. It would take some extensive custom coding to accomplish what you want to do.

You could try the fly out mod in the downloads section.