Checkout shopping cart grid alignment

[anthony_kudzin]

Hi,

I'm running 8.0.3 Business. I'm having problems with the Checkout pages layouts.

The overall site level page layout for the shopping cart looks fine, and fills the screen with the horizontal bar, however on the 'checkout shopping cart grid layout' it seems to 'bunch' on the left (left aligned ?) , whilst the navigation buttons 'bunch' to the right (right aligned ?). I can't seem to find a way to make the layout grid either 'justified' or 'fill 100% width'.

For example I have a general mandatory question that asks ' how did you hear of us ? but on the screen is displays as

'how
did
you
hear
of us?'

I've tried different shopping cart page layouts...to no avail

[wjcampbe]

Believe it or not, i think your solution is

Settings | Site options - increase the Width for Main area from the default 400 up to 500.

This expands the area of the checkout table, and by default also expands the width of each column.

[anthony_kudzin]

Re: Shopping Grid layout

Thanks, that's cured it, but I really don't understand why nor the impact of the change. It was set to 100%. On that point I also have other setting such as product & fragment width set to 100% - should these be changed too ? - they look OK though.

What does the value 500 represent ? what impact does it have on different sized monitors ?

[Big Game Hunter]

Checkout Buttons

Hi

I have been having exactly the same problem with my css layout, it has come down to the checkout buttons in the shopping cart layout that are still causing the issue. My question is how do you put the buttons onto 2 different rows ? Instead of having them all one row causing the pages to go out of line ? Any ideas..

Thanks
Shannon

[RuralWeb]

checkout buttons in the shopping cart layout that are still causing the issue. My question is how do you put the buttons onto 2 different rows

Try building the buttons into a new table layout.

[Big Game Hunter]

Hi Malcom

Thanks for the suggestion, ending up using this code if any one else is interested:

<table cellpadding="5" cellspacing="0" border="0">

   <tr>

      <td align="center">

         <Actinic:REMOVE TAG="UpdateButton">

            <actinic:variable name="ShoppingCartButton" value="Update Button" />

         </Actinic:REMOVE>

         <Actinic:REMOVE TAG="UpdateButtonDisabled">

            <actinic:variable name="ShoppingCartButton" value="Update Button Disabled" />

         </Actinic:REMOVE>

      </td>

      <Actinic:REMOVE TAG="ShoppingList">

      <td align="center">

         <Actinic:REMOVE TAG="SaveButton">

            <actinic:variable name="ShoppingCartButton" value="Save Button" />

         </Actinic:REMOVE>

         <Actinic:REMOVE TAG="SaveButtonDisabled">

            <actinic:variable name="ShoppingCartButton" value="Save Button Disabled" />

         </Actinic:REMOVE>

      </td>

      <td align="center">

         <Actinic:REMOVE TAG="RestoreButton">

            <actinic:variable name="ShoppingCartButton" value="Retrieve Button" />

         </Actinic:REMOVE>

         <Actinic:REMOVE TAG="RestoreButtonDisabled">

             <actinic:variable name="ShoppingCartButton" value="Retrieve Button Disabled" />

         </Actinic:REMOVE>

      </td>

     </tr>

      <tr>

     <td align="center">   <Actinic:REMOVE TAG="CheckoutButton">

            <actinic:variable name="ShoppingCartButton" value="Checkout Now Button" />

         </Actinic:REMOVE>

         <Actinic:REMOVE TAG="CheckoutButtonDisabled">

            <actinic:variable name="ShoppingCartButton" value="Checkout Now Button Disabled" />

         </Actinic:REMOVE></td>

     <td align="center">    <Actinic:REMOVE TAG="ContinueButton">

            <actinic:variable name="ShoppingCartButton" value="Continue Shopping Button" />

         </Actinic:REMOVE>

         <Actinic:REMOVE TAG="ContinueButtonDisabled">

             <actinic:variable name="ShoppingCartButton" value="Continue Shopping Button Disabled" />

        </Actinic:REMOVE></td>

        </tr>

</table>

This is inserted as an overwrite code in the shooping cart page.

Cheers
Shannon