give attributes their own colum in the shopping cart?

[coreyalderin]

Site: http://www.toolsforchrist.com/shop

I am selling shirts and will have 2 attributes (size, color). I dont like having the attributes shown in bulleted format below the item name. Is there a way to give the attributes their own colum?

Thanks
Corey

[coreyalderin]

After doing this all day I finally figured most of it out. In case anyone is ever trying to do the same thing here is what I did in /includes/templates/CUSTOM/templates/tpl_shopping_cart_default.php

This below section places the headings in the shopping cart header in order. From top down, the headings shop up left to right on the shopping cart. The code in red is what I added.

<table border="0" width="100%" cellspacing="0" cellpadding="0" id="cartContentsDisplay">
<tr class="tableHeading">
<th scope="col" id="scUpdateQuantity">&nbsp;</th>
<th scope="col" id="scQuantityHeading"><?php echo TABLE_HEADING_QUANTITY; ?></th>
<th scope="col" id="scProductsHeading"><?php echo TABLE_HEADING_PRODUCTS; ?></th>
<th scope="col" id="Size"><?php echo "Size"; ?></th>
<th scope="col" id="Color"><?php echo "Color"; ?></th>
<th scope="col" id="scUnitHeading"><?php echo TABLE_HEADING_PRICE; ?></th>
<th scope="col" id="scTotalHeading"><?php echo TABLE_HEADING_TOTAL; ?></th>
<th scope="col" id="scRemoveHeading">&nbsp;</th>

Then this below section incldes the shoppers selected option within the attribute. The code in red is what I changed. Note that I also deleted some code.


<?php
echo $product['attributeHiddenField'];
if (isset($product['attributes']) && is_array($product['attributes'])) {
echo '<div class="cartAttribsList">';

reset($product['attributes']);
foreach ($product['attributes'] as $option => $value) {
?>
<th class="cartAttribsList"><?php echo nl2br($value['products_options_values_name']); ?></th>
<?php
}
echo '</div>';
}
?>

I hope this helps someone

[coreyalderin]

Another question: Does anyone know how I edit the placement of the new attribute values so they align with all the other text in the shopping cart? All the other text has a small space above it, before the shopping cart header.

[rstevenson]

You'll have to style that class in your added code, the one called "cartAttribsList". Just add that class to the bottom of your stylesheet.css and apply perhaps margin-top to it.

Rob

[coreyalderin]

Thanks for the response. That did not work. here is what I put and nothing happened:

.cartAttribsList {
margin-left: 1em;
margin-top: 1em;
}

[coreyalderin]

Figured it out. I used padding instead.

[gjh42]

Since you have made the cartAttribsList items a <th> element, you cannot apply margin to them with CSS. You would need to use HTML attributes. These are not headings but items in a set, and should probably be divs instead of <th>, or maybe <td>. In any case, the bare <th> inside a div instead of in a <table><tbody> set is invalid HTML. So if you changed

<th class="cartAttribsList"><?php echo nl2br($value['products_options_values_name']); ?></th>

to

<div class="cartAttribsItem"><?php echo nl2br($value['products_options_values_name']); ?></div>

or possibly

<td class="cartAttribsItem"><?php echo nl2br($value['products_options_values_name']); ?></td>
with a table structure around the set

you should be okay in all senses, though I am not certain without testing how this nesting sequence would lay out by itself; it might need CSS styling to work right.

[coreyalderin]

It seems to be working properly but if I see anything odd, then I will have to reconsider with your suggetsions. As you can probably see, I have no idea what I am doing here. It was just a lot of guessing, changing code, seeing what happened, being incorrect, then start guessing again.

[gjh42]

Most browsers will be able to compensate for your invalid HTML, but all browsers handle errors in their own way, and you might see slightly different behavior between browsers.