Order Summary - aligning elements to the right

[John Ramos]

Hello,

 

Please let me know which file(s) I need to edit in order to change the layout as shown in my image.

 

I want my Shopping Cart / Order Summary fields to be moved so it looks more pleasing to the eye. Right now, it looks jumbled up and lacks a clean setup.

 

 

Thank you

JR

[USA_Webmaster]

Hey Mr. John Ramos

 

I believe, the correct file you should be looking to edit is the whmcs\templates\orderforms\modern\ordersummary.tpl file. If you are not using modern order form, just goto the appropriate folder. OoO also, check the whmcs\templates\orderforms\modern\viewcart file too.

 

You may wish to snag Sublime Text Editor 2 than CTRL + SHIFT + F for a specific DIV ID so you can explore, customize than push live.

 

 

If you share your website link, and order form template, I can get you a direct file and line number to edit and customize. Some of the styling is inline with tables and rows...GLHF!

[brian!]

John,

 

I believe, the correct file you should be looking to edit is the whmcs\templates\orderforms\modern\ordersummary.tpl file. If you are not using modern order form, just goto the appropriate folder. OoO also, check the whmcs\templates\orderforms\modern\viewcart file too.

I think John's using "Vertical Steps" rather than "Modern"... also, he's using v7 and Vertical Steps is no longer included with WHMCS v7 - so be aware that a future WHMCS update could potentially stop the theme from working.

 

http://docs.whmcs.com/Standard_Order_Form_Templates#Verticalsteps

 

Replaced by the Standard Cart in 6.1. This cart is now deprecated and will no longer receive updates.

 

so you just want to move those parts of the summary to the right... something like below?

 

if so, the code you need to be looking for is in /templates/orderforms/verticalsteps/viewcart.tpl...

 

<form method="post" action="{$smarty.server.PHP_SELF}?a=view">
<input type="hidden" name="validatepromo" value="true" />
<p align="center"><strong>{$LANG.orderpromotioncode}:</strong> {if $promotioncode}{$promotioncode} - {$promotiondescription}<br /><a href="{$smarty.server.PHP_SELF}?a=removepromo">{$LANG.orderdontusepromo}</a>{else}<input type="text" name="promocode" size="20" /> <input type="submit" value="{$LANG.orderpromovalidatebutton}" />{/if}
</form>

<p align="center">
{$LANG.ordersubtotal}: <b>{$subtotal}</b><br />
{if $promotioncode}{$promotiondescription}: <b>{$discount}</b><br />{/if}
{if $taxrate}{$taxname} @ {$taxrate}%: <b>{$taxtotal}</b><br />{/if}
{if $taxrate2}{$taxname2} @ {$taxrate2}%: <b>{$taxtotal2}</b><br />{/if}
{$LANG.ordertotalduetoday}: <b>{$total}</b><br />
{if $totalrecurringmonthly || $totalrecurringquarterly || $totalrecurringsemiannually || $totalrecurringannually || $totalrecurringbiennially || $totalrecurringtriennially}
{$LANG.ordertotalrecurring}: <b>{if $totalrecurringmonthly}{$totalrecurringmonthly} {$LANG.orderpaymenttermmonthly}<br />{/if}
{if $totalrecurringquarterly}{$totalrecurringquarterly} {$LANG.orderpaymenttermquarterly}<br />{/if}
{if $totalrecurringsemiannually}{$totalrecurringsemiannually} {$LANG.orderpaymenttermsemiannually}<br />{/if}
{if $totalrecurringannually}{$totalrecurringannually} {$LANG.orderpaymenttermannually}<br />{/if}
{if $totalrecurringbiennially}{$totalrecurringbiennially} {$LANG.orderpaymenttermbiennially}<br />{/if}
{if $totalrecurringtriennially}{$totalrecurringtriennially} {$LANG.orderpaymenttermtriennially}<br />{/if}</b>
{/if}
</p>

<p align="center"><input type="button" value="« {$LANG.orderstartover}" onclick="window.location='cart.php?a=startover'" /> <input type="button" value="{$LANG.checkout} »" onclick="window.location='cart.php?a=checkout'"{if $cartitems==0} disabled{/if} /></p>

and specifically, you should just need to change the three instances of <p align="center"> to <p align="right">