Serious design help needed

Time for you to get the Firefox Web Developer extension if you haven't already, and look up the classes that control the elements you want to move (the Information > Display Element Information button is your friend!) Then you can add them to your stylesheet and add padding or margins to taste.

Hi.

Thanks for your help once again, but I think the problem was that my centre box is too small. So is there a way I can display the products as a list rather than a grid?

Thanks!

I can't answer that for certain without knowing just which display you are talking about. But in general, there should be settings in admin > Configuration > Maximum Values for max number of products to display per row for various kinds of listings. Setting the right one to 2 instead of 3 should help.
Also, a link to your site would make it easier to offer good advice.

True!!! :P

My site is https://www.sonicksolaire.co.uk

Specifically I'm talking about the featured products on the main page, I'd like them to be a list (like the search results) rather than a grid.

Thank you so much! And your shop is cool. For your help, I can do a reciprocal link on my site if you want?

Configuration > Index Listing > Featured Products Columns per Row - set to 1.

The centerboxes have different properties than the actual listing pages (more abbreviated), so you won't get the exact same style as the search or featured products listing.

Thanks, I'm glad you like our shop. We're only doing links with sites actually related to us, though.

Nick - honey - you need to do some SERIOUS image optimizing - http://www.websiteoptimization.com/services/analyze/wso.php?url=http://www.sonicksolaire.co.uk/

Thanks, both of you.

Which file would I need to edit to change the style of display of the featured items on the main page?

kim, I had no idea! What do I need to do to make the site optimized? I used Adobe Image Ready and reduced the original pics to 60% quality etc, and the smallest I can make a pic is between 30k and 90k per image... The link you gave me said the whole page should be under 30k, I don't know if that can be possible!

Also, it said it found no title for my site, but i have set it in the Meta Tags / English file etc, why is this?

Thanks!

Reduce your base ("small") image files to the actual thumbnail dimensions you want, e.g. 100x120 px. You should be able to make your relatively simple images no more than 2-3k each at that size. Medium and large images can be larger filesizes.

Read some of the info in the forum on images - There is a good sticky at the top of the First Steps & General Customization Issues subforum.

I'm confused now :S

When I'm adding a product to my catalog, and upload the image, how do I upload a different smaller file size one for use on the main page / search etc, and a different larger one for the info page?

The image optimizing sticky and the FAQ give good explanations of these questions.

Thanks again.

Which file would I need to edit to change the style of display of the featured items on the main page? I got them to list down the centre, now I just want to change the style in which the information is displayed.

That's getting into some complex PHP coding. The centerboxes aren't designed to have the same amount of information as listing pages. What you are asking is really for the site to open to the featured listing, which may be possible... I don't use it so am not familiar with its controls.

Hi,

In the welcome email that gets sent out to customers, how do you change the copyright at the bottom of it? I've checked the create_account.php but it's not in there.

Thanks!

Nick_Sonick:

Hi,

In the welcome email that gets sent out to customers, how do you change the copyright at the bottom of it? I've checked the create_account.php but it's not in there.

Thanks!

What is the exact text you want to change?
Take a snippet of that content and use the Developers Toolkit to search for it ... that'll show you fairly quickly which files contain the information.
https://www.zen-cart.com/tutorials/index.php?article=38
https://www.zen-cart.com/tutorials/index.php?article=39

Thanks for all your help guys, I think I'm finally getting there!

One problem I have now though - When a customer adds a product to their shopping cart, the text in the sidebox does not fit, and flows out of the side, is there a way to fix this, or is there a way to simply display the number of products in the cart?

Thank you so much.

You have two major problems.

The first is that you added your header image map above the headerWrapper, essentially bypassing but not completely eliminating the entire stock header functions. In doing this, you have gotten an extra </div> or two in the code, so that #mainWrapper which is supposed to enclose the entire site is ended at the bottom of the original header, and the whole page content is not contained.

The second problem is that you edited a stylesheet declaration without separating out the item(s) you wanted to control. This made everything in the list 900px wide.

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 0em;
	}
```Remove #mainWrapper from the list, as it is styled just above this line and should not be styled twice. If it needs any of these properties, add them to the #mainWrapper {} declaration. The 900px should probably be changed to 100%. Fix the wrapper div problem, and then tackle this one.

Thank you again for your help,

I have done what you suggested, but my problem unfortunately remains. I couldn't change the width to 100% because it stretched the whole middle section, so I left it at 900px.

However, the shopping cart sidebox text still spews out of the right hand side, is there anything else I can do?

Thanks again.

The solution I posted is what is necessary to control that text. You don't need to make #mainWrapper 100% or fluid width, but you do need to separate it from the rest of the list.

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 0em;
	}

Separate into two declarations and style as required:

#mainWrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 0em;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0em;
	}

You also have not completely fixed the #mainWrapper premature closure yet, so this CSS will make the page body expand. Rather than try to hide the symptom by calling it 900px, find and remove the extra </div> tag, probably in tpl_header.php. Until you do that, you are asking for random unexplained problems.