X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Dev Questions (https://forum.x-cart.com/forumdisplay.php?f=20)
-   -   A simple fix to pretty the checkout up a little (https://forum.x-cart.com/showthread.php?t=22197)

Kara 10-12-2006 03:23 PM

Re: A simple fix to pretty the checkout up a little
 
2 Attachment(s)
here ya go

sushob 10-12-2006 03:31 PM

Re: A simple fix to pretty the checkout up a little
 
I didn't have either of those problems, so I'm guessing it may be something to do with your version of X-Cart. (?)

Sorry I can't be of much help there...I only have 4.1.3.

iDirectGrp.com 10-12-2006 04:01 PM

Re: A simple fix to pretty the checkout up a little
 
Quote:

Originally Posted by pnm
Hey Lew,

like your site, did you have it customised or is it a skin, I am looking to fancy my site up from the standard x-cart options.

pnp,

My Cart was customized by Ali Aly of Onewebsite in New Zealand. He is a great guy and does terrific work. As I had to get something going quickly I turned to outsourcing the work. Ali sold me on X-Cart and I am very glad he did as it seems to be a very solid shopping cart. I am now trying to get up to speed with the software so I can make additonal modifications on my own.

If you need help w/ customization I highly recommend Ali. His email is ali.aly@yahoo.com. I think his website is at www.onewebsite.co.nz.

iDirectGrp.com 10-12-2006 04:14 PM

Re: A simple fix to pretty the checkout up a little
 
Quote:

Originally Posted by 2coolbaby
okay I will ask again: This looks great, but so far the code is only for the customer details. Anyone have code for further areas of checkout???? IE: Cart Details and Payment Method?

Mary Lee,

It looked like members GRANT (the originator of this mod and the one who started this thread -- many thanks Grant!) and Fearnothing where working on this checkout enhancement as there are examples of their efforts earlier in this thread. I to would like to see the code posted for these enhancements as I am incredibly pleased with the look of the enhanced customer details; now that I have it working :)

pnm 10-13-2006 03:06 PM

Re: A simple fix to pretty the checkout up a little
 
Quote:

Originally Posted by iDirectGrp.com
pnp,

My Cart was customized by Ali Aly of Onewebsite in New Zealand. He is a great guy and does terrific work. As I had to get something going quickly I turned to outsourcing the work. Ali sold me on X-Cart and I am very glad he did as it seems to be a very solid shopping cart. I am now trying to get up to speed with the software so I can make additonal modifications on my own.

If you need help w/ customization I highly recommend Ali. His email is ali.aly@yahoo.com. I think his website is at www.onewebsite.co.nz.



Thanks Lew I'll look him up.

Terrybraley 10-19-2006 08:34 AM

Re: A simple fix to pretty the checkout up a little
 
many thanks Grant! Works GREAT!!!!!!!!!!

Gio 11-07-2006 01:27 AM

Re: A simple fix to pretty the checkout up a little
 
Hi,
I've been searching but couldn't find the mod for step 1 the checkout page. I'd like just to have the login screen for returned customer or new customer sign up only instead of like default of xcart.
Thanks in advance.

gallica 11-09-2006 11:21 PM

Re: A simple fix to pretty the checkout up a little
 
Does someone succed to implement images on payment method ?
If we follow the process : Update the payment_methods.php with the 3 lines
Code:

define('USE_TRUSTED_POST_VARIABLES',1);
$trusted_post_variables = array("posted_data");
require "./auth.php";
require $xcart_dir."/include/security.php";

whatever html image tag we put on payment method description
[img]../skin1/images/payment.gif[/img] the html tags are displayed as text.

Any comments ?

MBA 11-10-2006 11:32 AM

Re: A simple fix to pretty the checkout up a little
 
Quote:

Originally Posted by Grant
Haha, I swear to God i'm gonna get my checkout looking so hot I'm gonna have to start selling soiled panties :P


That's a fairly "saturated" market isn't it? :P

No, but seriously, I'll be here all week. Try the veil. :lol:

Very nice mod Grant.

ryan c. 11-24-2006 03:05 PM

Re: A simple fix to pretty the checkout up a little
 
nice. THanks

2coolbaby 11-24-2006 03:11 PM

Re: A simple fix to pretty the checkout up a little
 
Hi Lew - I think they just deserted this project. What a shame as it was really nifty & could have taken x-cart checkout to a much more professional looking level.

just wondering 12-01-2006 09:06 AM

Re: A simple fix to pretty the checkout up a little
 
I agree with ^

just wondering 12-01-2006 09:56 AM

Re: A simple fix to pretty the checkout up a little
 
This fix did work ... then didn't.

Upsetting, as I'd prefer it to be working - it looks ... well ... sexy.

Hopefully someone who knows more than me can fix it. Hopefully. :(

qwerty 02-02-2007 08:56 AM

Re: A simple fix to pretty the checkout up a little
 
hi tried this and it seems to work but i have a slight problem in that it only shows the surname and town on the same line nothing else

just wondering 02-02-2007 09:12 AM

Re: A simple fix to pretty the checkout up a little
 
Best Username ever? :P

It worked for me, then didn't - it was rather strange. I tried some more but couldn't get it working again, so gave up and removed it totally. Forgot I'd made that Post, better edit it. :)

fearnothing 02-07-2007 01:35 AM

Re: A simple fix to pretty the checkout up a little
 
Hey guys - I need to get some quality time back on the forum to get caught up with this thread.

Velocity Pay going into administration and other stuff has really caused us a lot of problems, but we're starting to see the light in the tunnel. Hopefully it isn't a train coming in the other direction ........

JWait 02-14-2007 09:05 AM

Re: A simple fix to pretty the checkout up a little
 
Quote:

Originally Posted by qwerty
hi tried this and it seems to work but i have a slight problem in that it only shows the surname and town on the same line nothing else



I had the same problem... until I noticed the code for sexy_customer_details.tpl has added spaces inside the variables than need to be removed. Also, I needed to a < br/ > tags as necessary to get the formatting correct. I think the forum screwed this up. Works great now though.

just wondering 02-14-2007 09:36 AM

Re: A simple fix to pretty the checkout up a little
 
!!!

Could you please post (or attach!) your complete sexy_customer_details.tpl file!

Thanks! :D

JWait 02-14-2007 02:22 PM

Re: A simple fix to pretty the checkout up a little
 
1 Attachment(s)
here ya go...

I had to attach it. The forum breaks it.

It is saved as a text file, just rename it to a .tpl.

just wondering 02-15-2007 03:59 AM

Re: A simple fix to pretty the checkout up a little
 
That sorted that, cheers!

Problem is, I still get the problems with the 'box' on Firefox. Did you change the CSS code?

Fixed! Post below.

just wondering 02-15-2007 04:20 AM

Re: A simple fix to pretty the checkout up a little
 
Finally! I've been wanting to use this ever since I first saw it, as it looks so much better! The Firefox issues were holding me back though as I know Firefox is quite popular.

First of all, I got the file that JWait kindly attached to his post. I've edited it slightly as to how we have addresses in the UK, but that shouldn't affect things. If it does, let me know.

In skin1/customer/main/checkout.tpl:

In a previous Post, we were just told to only change the {include line, so it would look like this:
Code:

<table cellpadding="0" cellspacing="0" width="100%">
<tr>
    <td>

<pre>
{include file="customer/main/sexy_customer_details.tpl"}
</pre>

{if $paypal_express_active}

I changed it so it looks like this:
Code:

<table cellpadding="0" cellspacing="0" width="100%">
<tr>
    <td>
{include file="customer/main/sexy_customer_details.tpl"}
{if $paypal_express_active}

And it works fine for me. :D

Any problems, let me know. :) If you want the whole checkout.tpl file, just ask. :)

Keys Care 03-02-2007 02:41 PM

Re: A simple fix to pretty the checkout up a little
 
Quote:

Originally Posted by JWait
I had the same problem... until I noticed the code for sexy_customer_details.tpl has added spaces inside the variables than need to be removed. Also, I needed to a < br/ > tags as necessary to get the formatting correct. I think the forum screwed this up. Works great now though.


Hi I have the same problem. Not sure I understand what you did. New to XCart! Could you post your code?

Thanks

Bob

just wondering 03-03-2007 07:22 AM

Re: A simple fix to pretty the checkout up a little
 
Look at Post #99, Bob. He's Attached it there as a .txt file.

Download that, then change the .txt to .tpl

Keys Care 03-03-2007 09:15 AM

Re: A simple fix to pretty the checkout up a little
 
Thanks, That worked!

I did note that the boxes pushed my variable width factor to the limit, so, I got rid of the boxes and just have the text. Looks great. This mod helped significantly with the vertical height issues as well.

Thanks

Bob

just wondering 03-07-2007 06:39 AM

Re: A simple fix to pretty the checkout up a little
 
No problem. Glad you got it working. :)

nostraduckus 03-13-2007 05:10 PM

Re: A simple fix to pretty the checkout up a little
 
Has anyone installed the 2Checkout patch and this checkout mod successfully in 4.0.19? I have the mod installed but it has reverted back to the 3 step process..

yages 06-14-2007 08:23 PM

Re: A simple fix to pretty the checkout up a little
 
Quote:

Originally Posted by gallica
Does someone succed to implement images on payment method ?
If we follow the process : Update the payment_methods.php with the 3 lines
Code:

define('USE_TRUSTED_POST_VARIABLES',1);
$trusted_post_variables = array("posted_data");
require "./auth.php";
require $xcart_dir."/include/security.php";

whatever html image tag we put on payment method description
[img]../skin1/images/payment.gif[/img] the html tags are displayed as text.

Any comments ?


Works well for 4.1.7

Terrybraley 06-29-2007 07:18 AM

Re: A simple fix to pretty the checkout up a little
 
If your useing 4.1.8 and Fastlane Checkout, this is how I used Sexy Checkout Mod.

Add this to your
skin1/skin1.css

/*sexy checkout mod */
.sidebox {
margin: 0 auto;
width: 28em;
background: url(images/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
}
.boxhead {
background: url(images/sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: left;
}
.boxhead h2 {
background: url(images/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 22px 30px 5px;
color: black;
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
}
.boxbody {
background: url(images/sbbody-l.gif) no-repeat bottom left;
margin: 0;
color: black;
padding: 5px 30px 31px;
}

-------------------------------------------------------------------------------------
in
skin1/modules/Fast_Lane_Checkout/

add
sexy_customer_details_html.tpl

{* $Id: sexy_customer_details_html.tpl,v 1 2007/06/29 15:15:52 max Exp $ *}
<table width="100%" cellspacing="0" cellpadding="10">

<tr>
<td valign="top" width="50%">
</tr>
<tr>
<td><div class="sidebox">
<div class="boxhead"><h2>{$lng.lbl_billing_address}</h2></div>
<div class="boxbody">

{if $userinfo.default_fields.firstname}{$userinfo.b_fi rstname}{if
$userinfo.default_fields.lastname} {$userinfo.b_lastname}{/if}{/if}
<br/>
{if $userinfo.default_fields.b_address}{$userinfo.b_ad dress} <br/> {/if}

{if $userinfo.b_address_2}{$userinfo.b_address_2}<br/>{/if}

{if $userinfo.default_fields.b_city}{$userinfo.b_city} {/if}
{if $userinfo.default_fields.b_state}{$userinfo.b_stat ename} {/if}
{if $userinfo.default_fields.b_zipcode}{$userinfo.b_zi pcode} <br/> {/if}

{if $userinfo.default_fields.b_country}{$userinfo.b_co untryname} <br/>{/if}
<br/>
{if $userinfo.default_fields.email}{$lng.lbl_email}: {$userinfo.email} <br/> {/if}
{if $userinfo.default_fields.phone} {$lng.lbl_phone}: {$userinfo.phone} <br/>{/if}

</div>
</div></td>
<td><div class="sidebox">
<div class="boxhead"><h2>{$lng.lbl_shipping_address}</h2></div>
<div class="boxbody">


{if $userinfo.default_fields.firstname}{$userinfo.s_fi rstname}{if
$userinfo.default_fields.lastname} {$userinfo.s_lastname}<br/> {/if}{/if}

{if $userinfo.default_fields.s_address}{$userinfo.s_ad dress}<br/> {/if}
{if $userinfo.s_address_2}{$userinfo.s_address_2}<br/> {/if}

{if $userinfo.default_fields.s_city}{$userinfo.s_city} {/if}
{if $userinfo.default_fields.s_state}{$userinfo.s_stat ename} {/if}
{if $userinfo.default_fields.s_zipcode}{$userinfo.s_zi pcode} <br/> {/if}
{if $userinfo.default_fields.s_country}{$userinfo.s_co untryname} <br/> {/if}
<br/>
<br/>
<br/>
</div>
</div></td>
</tr>
</table>

---------------------------------------------------------------------------

open

/modules/Fast_Lane_Checkout/checkout_3_place.tpl

find
{include file="modules/Fast_Lane_Checkout/customer_details_html.tpl"}

replace
{include file="modules/Fast_Lane_Checkout/sexy_customer_details_html.tpl"}


-----------------------------------------------------------------------------
dont forget the images and you may have to change your css to your text colors.

chetlucas 06-29-2007 07:39 AM

Re: A simple fix to pretty the checkout up a little
 
Thanks Terry - that works great. I had to close-up a couple words because there was a space separating them but other than that it was a no brainer!!

Terrybraley 06-29-2007 07:47 AM

Re: A simple fix to pretty the checkout up a little
 
Glad it worked for you chet,

Amy 07-03-2007 08:12 AM

Re: A simple fix to pretty the checkout up a little
 
i gave this a whirl in 4.0.19 and it was missing a few fields and also the images were viewed strangely in FireFox

Qdox 07-22-2007 03:26 PM

Re: A simple fix to pretty the checkout up a little
 
I just bought X-cart I spend like 3 hours trying to figure it out how to install this product. Below my notes
1- Need to make sure if you're be using Fast Lane or Regular Checkout. I first implemented in regular and didn't work and using the webmaster figured it out the changes needed to be make using the instructions explained below.
2- In addition to the instructions below you need to fix 2 things here: First then changes to the CSS file needs to be added to the skin1_c.ss on the Fast Lane directory (/skin1/modules/Fast_Lane_Checkout). Second you need to update the images path like this: url(../../images/sbhead-r.gif).

That's it and you should be set!!!


Quote:

Originally Posted by Terrybraley
If your useing 4.1.8 and Fastlane Checkout, this is how I used Sexy Checkout Mod.

Add this to your
skin1/skin1.css

/*sexy checkout mod */
.sidebox {
margin: 0 auto;
width: 28em;
background: url(images/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
}
.boxhead {
background: url(images/sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: left;
}
.boxhead h2 {
background: url(images/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 22px 30px 5px;
color: black;
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
}
.boxbody {
background: url(images/sbbody-l.gif) no-repeat bottom left;
margin: 0;
color: black;
padding: 5px 30px 31px;
}

-------------------------------------------------------------------------------------
in
skin1/modules/Fast_Lane_Checkout/

add
sexy_customer_details_html.tpl

{* $Id: sexy_customer_details_html.tpl,v 1 2007/06/29 15:15:52 max Exp $ *}
<table width="100%" cellspacing="0" cellpadding="10">

<tr>
<td valign="top" width="50%">
</tr>
<tr>
<td><div class="sidebox">
<div class="boxhead"><h2>{$lng.lbl_billing_address}</h2></div>
<div class="boxbody">

{if $userinfo.default_fields.firstname}{$userinfo.b_fi rstname}{if
$userinfo.default_fields.lastname} {$userinfo.b_lastname}{/if}{/if}
<br/>
{if $userinfo.default_fields.b_address}{$userinfo.b_ad dress} <br/> {/if}

{if $userinfo.b_address_2}{$userinfo.b_address_2}<br/>{/if}

{if $userinfo.default_fields.b_city}{$userinfo.b_city} {/if}
{if $userinfo.default_fields.b_state}{$userinfo.b_stat ename} {/if}
{if $userinfo.default_fields.b_zipcode}{$userinfo.b_zi pcode} <br/> {/if}

{if $userinfo.default_fields.b_country}{$userinfo.b_co untryname} <br/>{/if}
<br/>
{if $userinfo.default_fields.email}{$lng.lbl_email}: {$userinfo.email} <br/> {/if}
{if $userinfo.default_fields.phone} {$lng.lbl_phone}: {$userinfo.phone} <br/>{/if}

</div>
</div></td>
<td><div class="sidebox">
<div class="boxhead"><h2>{$lng.lbl_shipping_address}</h2></div>
<div class="boxbody">


{if $userinfo.default_fields.firstname}{$userinfo.s_fi rstname}{if
$userinfo.default_fields.lastname} {$userinfo.s_lastname}<br/> {/if}{/if}

{if $userinfo.default_fields.s_address}{$userinfo.s_ad dress}<br/> {/if}
{if $userinfo.s_address_2}{$userinfo.s_address_2}<br/> {/if}

{if $userinfo.default_fields.s_city}{$userinfo.s_city} {/if}
{if $userinfo.default_fields.s_state}{$userinfo.s_stat ename} {/if}
{if $userinfo.default_fields.s_zipcode}{$userinfo.s_zi pcode} <br/> {/if}
{if $userinfo.default_fields.s_country}{$userinfo.s_co untryname} <br/> {/if}
<br/>
<br/>
<br/>
</div>
</div></td>
</tr>
</table>

---------------------------------------------------------------------------

open

/modules/Fast_Lane_Checkout/checkout_3_place.tpl

find
{include file="modules/Fast_Lane_Checkout/customer_details_html.tpl"}

replace
{include file="modules/Fast_Lane_Checkout/sexy_customer_details_html.tpl"}


-----------------------------------------------------------------------------
dont forget the images and you may have to change your css to your text colors.


carpeperdiem 07-22-2007 04:40 PM

Re: A simple fix to pretty the checkout up a little
 
Qdox,

Welcome to xcart. Before you get too far along, please read the forum rules and edit your fourm signature with your EXACT version of xcart.

http://forum.x-cart.com/viewtopic.php?t=6489
http://forum.x-cart.com/profile.php?do=editsignature

Quote:

Second you need to update the images path like this: url(../../images/sbhead-r.gif).
That would be the wrong path for many users. Every store's path will be different. BTW, in case you are going to have any https going on your store (you should), relative and static links of images will get in your way -- your best way to use global images is to put all of them in your skin1/images directory, then use a path such as this:

url('{$ImagesDir}/image-name.gif')

Hope this helps. Please update your forum sig. Thanks.

a1deano 09-08-2007 02:17 PM

Re: A simple fix to pretty the checkout up a little
 
Hi Guys

what a great mod just have one small question if you can advise, on the place order page the 2 boxes, billing address and shipping address doesn't show the full name and address details.
Is it surposed to be like this or have i done something wrong !!

Have attached pic to show what i mean, if it is surposed to be like this can it be modified
so it shows the full details.

Many thanks Dean

P.s iam currently building a new shop v4.1.8 which isn't live yet so please ignore my signature below...

a1deano 09-09-2007 02:34 AM

Re: A simple fix to pretty the checkout up a little
 
Hi Guys as a reference to my message above i used the code "Qdox" had set out in post 112
and for some reason not all of the details were showing up.
Ive just downloaded the attachment "JWait" in post 99 had done and know iam getting all the full details showing name, address etc. so iam wondering if there's some code missing from the post 112....

timbrrr 10-03-2007 11:43 AM

Re: A simple fix to pretty the checkout up a little
 
adeano,

I got the same result, but when I looked at the code, there are spaces in the code that don't belong there... you'll see them if you look at the first one like this one:
{if $userinfo.default_fields.firstname}{$userinfo.b_fi rstname}{if < see the space between the letters in the firstname field? There are more after that.

Also, I could not get this to work because of the reference to the images directory in that way. I use https, and could not figure out any variation of code to keep the non-secure page warning from popping up when I clicked on submit after entering the credit card number. I did try Carpediem's suggestion, cleared the templates folder and still got the same result, so I'm still not able to use this great mod. Perhaps someone with a little better knowledge of referencing images from the skin.css file can jump in here and let me know what I'm doing wrong.

fearnothing 10-05-2007 07:34 AM

Re: A simple fix to pretty the checkout up a little
 
The images reference tip above certainly seems to work across the board using Smarty templates where you want an image to appear in the cart - it sorts out the https / http thing no problem.

This is a typical entry in a .tpl file to use an image:

<IMG src="{$ImagesDir}/spacer.gif" width="1" height="1" border="0">

I have to admit to actually using the standard HTML ../ method of referencing images in certain situations (for example forcing the CC images to appear in the 'Payment Methods' section, as outlined earlier in this thread) but wherever templates are used the {$ImagesDir} method is definitely the way to go.

ValhallaComics 01-24-2008 07:20 AM

Re: A simple fix to pretty the checkout up a little
 
You don't happen to have new images for this, do you? The old ones aren't showing.

Thanks,

Kevin

brianb777 01-24-2008 11:10 AM

Re: A simple fix to pretty the checkout up a little
 
1 Attachment(s)
Here are the 4 images you'll need.

this is a great mod. thnk you everyone for your help!

ValhallaComics 01-24-2008 11:11 AM

Re: A simple fix to pretty the checkout up a little
 
Quote:

Originally Posted by brianb777
Here are the 4 images you'll need.

this is a great mod. thnk you everyone for your help!


Thanks Brian, appreciate it. =]


All times are GMT -8. The time now is 12:46 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.