Announcement

Collapse
No announcement yet.

Checkout shopping cart grid alignment

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Checkout shopping cart grid alignment

    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
    Thanks

    Anthony Kudzin

    #2
    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.
    Bill
    www.egyptianwonders.co.uk
    Text directoryWorldwide Actinic(TM) shops
    BC Ness Solutions Support services, custom software
    Registered Microsoft™ Partner (ISV)
    VoIP UK: 0131 208 0605
    Located: Alexandria, EGYPT

    Comment


      #3
      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 ?
      Thanks

      Anthony Kudzin

      Comment


        #4
        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
        Shannon
        Big Game Hunters
        Trampoline Specialists - Etoyszone Trampolines
        Trampolines and Outdoor Toys - Garden Games
        Table Tennis Table - Table Tennis Specialist Shop
        Trampoline Brand Information - Trampolines 4 Sale
        Climbing Frames - Wooden Climbing Frames
        Trampoline Specialist Blog
        Table Tennis Blog

        Comment


          #5
          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.

          Comment


            #6
            Hi Malcom

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

            Code:
            <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
            Shannon
            Big Game Hunters
            Trampoline Specialists - Etoyszone Trampolines
            Trampolines and Outdoor Toys - Garden Games
            Table Tennis Table - Table Tennis Specialist Shop
            Trampoline Brand Information - Trampolines 4 Sale
            Climbing Frames - Wooden Climbing Frames
            Trampoline Specialist Blog
            Table Tennis Blog

            Comment

            Working...
            X