Post by Jacob » Wed Dec 24, 2008 11:54 pm

How do I control the position of the products on the category page?

I have been trying to edit this code on  page:

catalog/template/default/content/category.tpl

Code: Select all

<div class="products"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>"></a><br>
  <b><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></b><br>
  <?php echo $product['price']; ?></div>
I was thinking to create a new products div

Example:
Category
Classes

Product
    left column                            right column
Dance Mon Normal rate  -    Dance Mon Concessions rate

Dance Tue Normal rate    -  Dance Tue Concessions rate

And so on ...


Two columns one side N. rate the other C. rate

Thanks
Last edited by Jacob on Thu Dec 25, 2008 12:04 am, edited 1 time in total.

Running v1.5.5.1


Active Member

Posts

Joined
Thu Dec 04, 2008 9:17 pm

Post by bthirsk » Thu Dec 25, 2008 2:44 am

You cloud also change The column width in default.css

.products, .images, .categories {
float: left;
width: 33.3%;  Change to 50%
text-align: center;
cursor: pointer;
font-size: 10px;
height: 140px;

Brent


User avatar
Active Member

Posts

Joined
Wed Sep 03, 2008 11:33 am
Location - Canada

Post by Qphoria » Thu Dec 25, 2008 3:59 am

bthirsk wrote: You cloud also change The column width in default.css

.products, .images, .categories {
float: left;
width: 33.3%;   Change to 50%
text-align: center;
cursor: pointer;
font-size: 10px;
height: 140px;

Yea, the way bthirsk described is how it it meant to be done
1 row - 100%
2 rows - 50%
3 rows - 33.3%
4 rows - 25%
5 rows - 20%
etc

Image
Donate!|OpenCart Basics|GeoZones
Image


User avatar
Administrator

Posts

Joined
Tue Jul 22, 2008 3:02 am

Post by Jacob » Thu Dec 25, 2008 4:50 am

Ah, yes I see that % method for dividing the page, but it does not give you control of each individual image. If you notice in my example I have all Concessions on the left. I would also like to have the two columns with different bck grd colours to make the distinction clearer.

Do you get me?  ;D

Running v1.5.5.1


Active Member

Posts

Joined
Thu Dec 04, 2008 9:17 pm

Post by Jacob » Sat Dec 27, 2008 9:51 pm

Hello

Can I get any further help?

Thanks

Running v1.5.5.1


Active Member

Posts

Joined
Thu Dec 04, 2008 9:17 pm

Post by bthirsk » Sat Dec 27, 2008 9:59 pm

You would have to create custom coding to do this.
Maybe something like in the display loop, for every other item,
you would alternate CSS background or whatever other changes you need.

You just have to play with it to find what you need.
If you're on your own server, create a test site you can break.

Brent


User avatar
Active Member

Posts

Joined
Wed Sep 03, 2008 11:33 am
Location - Canada

Post by Jacob » Sat Dec 27, 2008 10:07 pm

Thanks

'display loop' ?

Could you give any suggestions as to which code/files to play with?

I am trying things here:
catalog/template/default/content/category.tpl

:)

Running v1.5.5.1


Active Member

Posts

Joined
Thu Dec 04, 2008 9:17 pm
Who is online

Users browsing this forum: No registered users and 1 guest