Forums / Templates, Stylesheets, Page Layout / How do I change this from list to a row?

How do I change this from list to a row?

Locked

Views: 800

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
4 Mar 2010, 10:04 AM
#1
razorab avatar

razorab

New Zenner

Join Date:
Feb 2010
Posts:
4
Plugin Contributions:
0

How do I change this from list to a row?

When each page is produced the URL changes (/shop/index.php?main_page=index&cPath=5) or (/shop/index.php?main_page=index&cPath=1) can you edit these pages individually.

The reason I am asking is when I click on categories if theirs a sub category it opens a new page with the sub categories as icons, but as a list I won’t them to be across the page.

I also have a random problem when clicking on a category the new page opens with only the left column in the middle of the page before righting it self, it only happens randomly and only for a second im un able to reproduce it.

Im using the standard green template.

What version of Zen Cart are you using? 1.3.8a

Has your site been upgraded? When? From what version(s)? fresh install

What addons have you installed? When? ** easypop ** royalmail post

In what ways is your site customized or different from a brand new uncustomized install?

If you're encountering display/layout problems, post your site URL* so it can be seen in action. not live

4 Mar 2010, 1:32 PM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: How do I change this from list to a row?

razorab:

When each page is produced the URL changes (/shop/index.php?main_page=index&cPath=5) or (/shop/index.php?main_page=index&cPath=1) can you edit these pages individually.

These "pages" are created "ON THE FLY" by the php, and only exist while in the browser screen.

As soon as the visitor navigates away from them, they "evaporate" forever, and a new page is assembled by the php.

There are no "HTML" pages in zencart - they do not exist. Pages are constructed by the php, depending on what the viewer has called up.

Structural and layout edits are performed by editing the css, activating/deactivating components in the Admin Console, and (in a few cases) by editing the php itself.

There are no "pages" as such... all "pages" are assembled by the php and exist only for the time they are rendered in a browser screen.

20 years a Zencart User

4 Mar 2010, 3:56 PM
#3
razorab avatar

razorab

New Zenner

Join Date:
Feb 2010
Posts:
4
Plugin Contributions:
0

Re: How do I change this from list to a row?

Thanks for that schoolboy, I thought that was the case was starting to pull my hair out.:frusty:

4 Mar 2010, 5:06 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How do I change this from list to a row?

"I also have a random problem when clicking on a category the new page opens with only the left column in the middle of the page before righting it self, it only happens randomly and only for a second im un able to reproduce it."

This is a CSS effect, caused by #navColumnOne and/or #navColumnOneWrapper having a margin: auto; property. This is an instruction to center itself in the space available, and for a brief moment while loading, there is no center column yet and the entire window is available.
It annoyed me when I was first building my site, and I deleted it. This may or may not be safe for you to do, depending on your design.

4 Mar 2010, 7:16 PM
#5
razorab avatar

razorab

New Zenner

Join Date:
Feb 2010
Posts:
4
Plugin Contributions:
0

Re: How do I change this from list to a row?

How do I change this from list to a row it shows the sub categories normally with an icon.

4 Mar 2010, 7:46 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How do I change this from list to a row?

Hard to tell from a screenshot, but you may have eliminated a float: left; that normally makes this list and lots of others line up in rows.
It won't be related to Column Grid, as that is for the product listing.

4 Mar 2010, 10:16 PM
#8
razorab avatar

razorab

New Zenner

Join Date:
Feb 2010
Posts:
4
Plugin Contributions:
0

Re: How do I change this from list to a row?

Thanks

it’s a right pain as I can find how to change the new products below from 3 columns across the page to 1 left, right, or centre by changing line 562 (/misc/.back { float: left; }) in stylesheets.css

but can find nothing to reference the area above new products heading.
I have attached a screen grab but don’t know why it shrinks on uploading.
I clicked the image then zoomed in on the browser to make it clearer.

5 Mar 2010, 7:51 AM
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How do I change this from list to a row?

You don't want to change the plain .back {} rule, as that is used all over the code and you will be affecting things you never suspected, and find yourself wondering how to fix some random display problem somewhere else entirely.
Do something like
#productListing .back {float: right;}

to limit the effect to the product listing content.