product images and listings

I have 2 questions that are probably simple but i just can't find the answers to them.

First, I want to change the size of the product images in my store...
http://69.89.31.203/~sugargig/sugarcart/index.php?main_page=product_info&cPath=74&products_id=246

Second, when you click on a category in my store all of my products come up in a list format (http://69.89.31.203/~sugargig/sugarcart/index.php?main_page=index&cPath=70%29but I would really like them to be like this ... (http://www.littledreamerdesigns.com/shoppe/index.php?main_page=index&cPath=27)

Is this an easy fix? If not, how can I put space b/t the product listings so that they aren't all bunched together?

hottytoddysummer:

I have 2 questions that are probably simple but i just can't find the answers to them.

First, I want to change the size of the product images in my store...
http://69.89.31.203/~sugargig/sugarcart/index.php?main_page=product_info&cPath=74&products_id=246

admin panel/ configuration/ images/

1. here is the answer to your question

hottytoddysummer:

Second, when you click on a category in my store all of my products come up in a list format (http://69.89.31.203/~sugargig/sugarcart/index.php?main_page=index&cPath=70)but I would really like them to be like this ... (http://www.littledreamerdesigns.com/shoppe/index.php?main_page=index&cPath=27)

She has went to the download section and downloaded a template called template_dreamer which has columns!

thanks so much!!

hottytoddysummer:

Second, when you click on a category in my store all of my products come up in a list format (http://69.89.31.203/~sugargig/sugarcart/index.php?main_page=index&cPath=70)but I would really like them to be like this ... (http://www.littledreamerdesigns.com/shoppe/index.php?main_page=index&cPath=27)

Is this an easy fix? If not, how can I put space b/t the product listings so that they aren't all bunched together?

Find the override folder and locate stylesheet.css

Add the following declarations to this sheet!

1. .productListing-odd {
   background-color: #e5e581;
   height: 0px;
   padding: 0.2em 0em 0.2em 0em;
   }

.productListing-even {
height: 0px;
padding: 0.2em 0em 0.2em 0em;
}

.productListing-data {padding: 0.4em;}
The red highlighted color above is your choice of the background color.

Enjoy,

Hot,
You are most welcome,

I still can't find which line to change to make my product image larger.

i know i change it in admin>config>images but after I get there I don't know what to change to make this product image (http://69.89.31.203/~sugargig/sugarcart/index.php?main_page=product_info&cPath=75&products_id=245) larger

Under Admin - Configuration - Images, you need to change the image width and/or height options for whatever situations you want the images larger. If you set one value to 0, ZC will adjust that value according to the other -- for instance, I have all my height options set to 0 so the widths will be the same -- I think that looks better in a listing. (If I'm not clear, click on my site and go to any of the category listings, you'll see that the images are all the same width but different heights.)

Anyway, you can set the widths of images under different circumstances to whatever you want. I have the shopping cart set to only 50, the image - product listing width set to 100, and the product info image width set to 150. YMMV.