A few questions (cause my eye are crossin!)

[Rogue Tiger]

Ok, I finally feel like I'm getting somewhere. After several layout changes, I'm approaching a stalemate with the code. I've got a few things - and would love some advise.

1. I'm trying to put a rounded border around each product listing, similar to this
http://www.babylonink.com/gallery.html

After several dives into the forum and code, I got nothin. I'm using the snazzy rounded corners method.

2. How do I remove the border from the contact us/create an account forms? I found what I thought was the css for <form> but it hasn't worked and I'm at a loss.

3. On my 'Create An account' page, the form has gone all wonky. That is about all I can say for that. Here is a link.

Any help would be muchly appreciated, as I've been staring at this for 3 days now. Thanks in advance!

[hem]

1- Is that not your site??? In which case the rounded corners look fine.

2- I think you are going to have to edit the CUSTOM\templates\tpl_contact_us_default.php and CUSTOM\templates\tpl_create_account_default.php and/or CUSTOM\templates\tpl_modules_create_account.php

3- Had a look at your stylesheet. There are width elements all over the place. A quick kludge would be to insert "width: 90%;" into your fieldset style but it would be better to find out why the divs are being scaled like they are.

[Rogue Tiger]

Ah, note about #1 - that is my site, however the rounded corners there are all done with CSS and HTML and are not linked into the Zen-Cart shopping cart. I'm trying to move everything over to ZC. Thanks for the other info, I'll give it a try.

[Rogue Tiger]

Okie dokie - a few updates. Maybe this will be useful to someone else.

• To remove the border around the contact form and/or the registration form, you have to apply a style to the FIELDSET in the stylesheet for border:none.
  
• If you want to selectively apply a border, you will have to create a class for the FIELDSET and apply it in the appropriate tpl_file. Lovely.
  
• Adding the width:90% to the fieldset straightened out the wonky create page. No idea why it was like that, other than it wasn't specified.

Still holding out for a solution to putting a border around the product listings. Traditional methods don't work, because I'm difficult and want to put rounded boxes around the listings, not just a CSS border.

Any ideas?

[hem]

I'll have a look in the morning

[Website Rob]

http://www.sitepoint.com/article/rou...css-javascript
Rounded Corners with CSS and JavaScript

A good read on the basics. Good method for stand-alone code as well.

[hem]

Thanks for that Rob- learnt a couple of nice new tips.

[Rogue Tiger]

Yes, nice article! However, I'm still at a the blocked point: where to apply a technique within the PHP structure/page? tpl_columnar_display.php seems to provide no solution and I don't know which pages/pages need to be modified to achieve this result.

It appears the product list is created by tables, and further broken down by even/odd assignments. This is where the confusion comes in.

[hem]

Rogue- that can be over-ridden by your own custom text. What we need to work out is the additions to the CSS and the actual PHP code itself. I presume you are using a custom override so we can play with the code a little without impacting the Zencart core. I'll have another look in the morning and get back to you.

[hem]

okay- what you need to do is find tpl_tabular_display.php (it's in includes/templates/template_default/common). Copy this to your custom folder, common subfolder. This is the file that creates the tabled display of products. Change this to include your rounded boxes (as per the HTML that you created).

Then find the following code in your custom tpl_main_page.php

<?php
 /**
  * prepares and displays center column
  *
  */
  echo $body_code;
 require($body_code); ?>

Either add the following line after the code shown or replace the code shown with:

<?php require($template->get_template_dir('tpl_tablular_display.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_tabular_display.php'); ?>