Kryptronic Software Support Forum

SatOne.tv · 05-22-2007 06:30:58

Hi all,

Can somebody just tell me how to increase the width of a column on my shopping cart, i.e. i want to increase the item width at the expenses of the price/quantity width so i can fit more description in.

rachaelseven · 05-22-2007 06:53:44

Depends on where you are talking about... product detail displays, category listing, etc. Generally speaking, most of the things you might adjust for that are located under HTML Pages & Elements.

SatOne.tv · 05-22-2007 07:06:16

Hi Rachael, did the image not show? I need to adjust the width of the item column on the shopping cart itself (i.e. a summary of items to purchase). Any idea where that might be, i've had a look through the shopping cart options in admin, but none of them show the widths

Cheers,

rachaelseven · 05-22-2007 08:10:18

The image shows now - didn't before. You won't find that width in the options... you're going to need to edit the HTML in the elements involved directly. Under HTML Pages & Elements -> Manage Site Elements, look for an element called "Shopping Cart - Header". In there, you'll find the HTML that begins the table and establishes the column widths. By adding a WIDTH attribute to the <TD> tags for the price and quantity columns, you can accomplish what you want.

SatOne.tv · 05-22-2007 08:51:42

Hi Rachael, no luck, firstly, there is a number of the elements under that section:

Shopping Cart - Header - Update
Shopping Cart - Header - Update (With Recurring)
Shopping Cart - Header - Checkout
Shopping Cart - Header - Shop Prices
Shopping Cart - Header - Shop Prices (With Recurring)
Shopping Cart - Header - Shop No Prices

Now i've tried all the ones that give the option of price and quantity, by adding this for example:

<TD VALIGN="TOP" ALIGN="RIGHT" WIDTH="20">

Unless that code is wrong for ccp, it doesn't alter the cart in the slightest.

I've noticed above in the code it states,

<TABLE WIDTH="(CGIVAR)html_cart_table_size(/CGIVAR)" COLS="3" CELLPADDING="10" CELLSPACING="3">

Thats not pointing me to another element that actually contains them all, as its as if there is an override in place?

rachaelseven · 05-22-2007 09:57:17

Either "Shopping Cart - Header - Update" or "Shopping Cart - Header - Shop Prices" should be correct for the shopping cart on the main cart pages (not the checkout). I honestly don't remember which off the top of my head. The WIDTH attribute you show should work, unless your cart has been modified in some way. The TABLE tag with the CGIVAR call only sets the overall width of the table, not the column width - your first modification should be correct. Unless your skin or some modification to ste_cart.pl has drastically changed the way your cart is generated, changing the element should do the trick. I was able to set the column widths on your site by using my web developer toolbar and the WIDTH attribute you have there, so as long as you're in the right element, it should work.

SatOne.tv · 05-22-2007 15:20:16

Hi Rachael, still no joy unfortunetly and i know for definate that i've not adjusted the ste_cart.pl. I've noticed that if i place WIDTH="20" in the 'quantity' option of the code below, it makes that column small, but it doesn't matter what width i put, it will make it the same size! If i try to put a width in the 'price' or 'item' column, it doesn't do anything! Can you think of anything else that will help?

<CENTER>

<FORM METHOD="POST" ACTION="(CGIVAR)common_url_form(/CGIVAR)">

(CGIVAR)common_hidden_fields(/CGIVAR)
<INPUT TYPE="HIDDEN" NAME="pg" VALUE="ste_cart_update_proc">

<TABLE WIDTH="(CGIVAR)html_cart_table_size(/CGIVAR)" COLS="3" CELLPADDING="10" CELLSPACING="3">

<TR BGCOLOR="(CGIVAR)html_pri_tablerow_color(/CGIVAR)">

<TD VALIGN="TOP">Item</TD>

<TD VALIGN="TOP" ALIGN="RIGHT">Price</TD>

<TD VALIGN="TOP" ALIGN="RIGHT" WIDTH="20">Quantity (CGIVAR)html_notnull_character(/CGIVAR)</TD>

</TR>

rachaelseven · 05-22-2007 17:54:56

I believe there is an issue with your HTML... I'm not quite sure what it is, but I encountered similar issues when messing with the page in web developer. I noticed that if I left the closing quote off the width attribute on the price column, I could get it to shrink. But when I put in the proper syntax, it wouldn't. I was able to make the quantity column change size, but it didn't seem to be responding correctly. I'm no HTML expert, so I really can't pinpoint the exact problem. You're in the right element though - that much is certain since you did get the quantity column to change. Perhaps if you run the page through the W3C validator and study the errors, you will be able to find the problem. Sorry I can't help more.

SatOne.tv · 05-23-2007 06:34:30

Hi Rachael, other than if the fact i'm using ccp as a shopping cart and checkout only, and not for products etc, i can't see it being a html coding error, more a problem within the ccp system, or as you said, on the ste_cart.pl. I've tried w3c in the past but boy is there a lot of issues with ccp (certainly version 5 anyway!).

Having said all this, i've resolved it, bit patchy and not ideal but a resolution nether the less. All i've done is insert a transparent gif after 'item' to the desired size, and whilst its not perfect, its good enough for now. The code used incase anyone has the same problem is:

ste_cart_headupd wrote:
<TD VALIGN="TOP">Item<img src="transparent.gif" alt="" width="320" height="1"></TD>

Check out the site later on today when i've published the updates, i don't beleive anyone has used the ccp backbone to the same scale as what i have, i.e. using ccp on my own developed website with only the checkout process from ccp. Surely the ccp leaders would want my site showcased on their site

rachaelseven · 05-23-2007 07:23:06

It is not a flaw in CCP that is causing the column with issues - I had no problem setting the column widths on my cart with simple width attributes, just like it was supposed to work. Check out my site if you'd like to see it. I think your skin has some issues somewhere in how it is interacting with the HTML generated by CCP. In any case, I'm glad you found a workaround.

carasmo · 05-23-2007 11:28:23

instead of:

Code:

 

<TD VALIGN="TOP"><FONT FACE="(CGIVAR)html_small_font_face(/CGIVAR)" SIZE="(CGIVAR)html_small_font_size(/CGIVAR)" COLOR="(CGIVAR)html_small_font_color(/CGIVAR)"><B>Item</B></FONT><img src="transparent.gif" alt="" width="320" height="1"></TD>

put:

Code:

<td style="vertical-align:top;text-align:left;width:320px;font-weight:bold;">Item</td>

You might want to remove the font face or add it to the inline style (font-family:verdana, arial, helvetica, sans-serif;). Be sure to back up the file if unsure and put this inline style on the second td tag, like you have it.

SatOne.tv · 05-23-2007 12:38:54

thanks carasmo, that worked well, albeit with the same desired result as what i managed the other way. it will come in handy however should i ever need to adjust the other two columns and not just the item column. For reference, i used:

Code:

<td style="vertical-align:top;text-align:left;width:350px;"><FONT FACE="(CGIVAR)html_small_font_face(/CGIVAR)" SIZE="(CGIVAR)html_small_font_size(/CGIVAR)" COLOR="(CGIVAR)html_small_font_color(/CGIVAR)"><B>Item</B></FONT></TD>

Last edited by SatOne.tv (05-23-2007 12:39:34)

carasmo · 05-23-2007 14:18:19

Glad I could help.

I removed all the font tags and went with css and valid 4.01 transitional code. It took a while, but the site is super clean and easier to update now that I can change the class or id of a specific tag instead of searching for the element it's in.

I really like 5.1, but was very disappointed with 6.0 with respect to the ability to design the site.

SatOne.tv · 05-23-2007 14:24:24

I'm ok with the system as a backbone, but have my own front end and just use ccp for the checkout. Probably don't even need that but didn't have the time available so a pre-done system was a better idea.

CCP is ok but the support is poor, not everyone (like me) knows the in's and out's of it and have to rely on the forum, fortunetly as i've said a million times on here before, we have Rachael, and if it wasn't for Rachael (and a pocket of other helpers such as yourself), this system would have never survived.

carasmo · 05-23-2007 16:10:20

I just never come to the forum unless I need something (rarely) and today the question was an easy one. Rachael ROCKS!

I've done the site, and most of the pages are valid and it's looking cool:

http://www.meherashaw.com

Thanks!

rachaelseven · 05-23-2007 16:16:36

Very nice looking site! Just for the record, I sometimes roll, too

Kryptronic Software Support Forum

#1 05-22-2007 06:30:58

Increase column width (shopping cart)

#2 05-22-2007 06:53:44

Re: Increase column width (shopping cart)

#3 05-22-2007 07:06:16

Re: Increase column width (shopping cart)

#4 05-22-2007 08:10:18

Re: Increase column width (shopping cart)

#5 05-22-2007 08:51:42

Re: Increase column width (shopping cart)

#6 05-22-2007 09:57:17

Re: Increase column width (shopping cart)

#7 05-22-2007 15:20:16

Re: Increase column width (shopping cart)

#8 05-22-2007 17:54:56

Re: Increase column width (shopping cart)

#9 05-23-2007 06:34:30

Re: Increase column width (shopping cart)

ste_cart_headupd wrote:

#10 05-23-2007 07:23:06

Re: Increase column width (shopping cart)

#11 05-23-2007 11:28:23

Re: Increase column width (shopping cart)

Code:

Code:

#12 05-23-2007 12:38:54

Re: Increase column width (shopping cart)

Code:

#13 05-23-2007 14:18:19

Re: Increase column width (shopping cart)

#14 05-23-2007 14:24:24

Re: Increase column width (shopping cart)

#15 05-23-2007 16:10:20

Re: Increase column width (shopping cart)

#16 05-23-2007 16:16:36

Re: Increase column width (shopping cart)

Board footer