X-Cart forums

[Mr Bob]

I would much rather see someone put time into the customer side, than put some in the customer end, and some in the admin end. I could care less how the admin section looks, as long as the customer end looks good.

If I didn't already spend the time converting the standard template to xhtml/css based, I most likely would have purchased your skin.

[Online Michael]

Hi Boomer,

You have some terrific mods and this one is no exception, however, since my site is so heavily modded, it would not be practical to use a skin like this as it would involve many months of pain trying to integrate everything and get it to look the same as it does. Upgrading to CSS is a huge step so I think IБ─≥ll wait until 4.1.1 is released, then have a few drinks, roll up the sleeves, and dive straight into it head first!

While IБ─≥m talking about CSS, IБ─≥ll share with you all my recent experience with CSS by saying how hard it was to remove several tables from my pages (I thought I would do it mainly out of curiosity). Anyway, I spent 7 days doing this (off and on) and with varied success. My head.tpl is now fully CSS. I've also replaced a few other tables here and there as well as replaced all my <font> tags with

and <h1...h6> which I never knew the importance of before. I also did some much improved formatting and fixed up some code as well. But the single most difficult thing I found was trying to replace the table in the dialog.tpl file. You may laugh at this, but let me explainБ─╕ Normally replacing this table with divs would have been a cinch but because I have two small corner images that make the top of the dialog box rounded, it made recreating this in CSS almost impossible. I spent 2 days researching and trying to accomplish this and now IБ─≥ve simply given up Why? Browser bugs! If I managed to get it to work in IE, it would fail in Firefox and visa-versa. And who knows how it looked in some of the other browsers. This issue alone has made me give up on the notion that I could, ever so slowing, achieve a tabless web site (or near to it). Until the bugs are ironed out, I ainБ─≥t touching it no more!

Anyway, so my hat goes at to you Boomer for what would have been a long and painful experience doing what you did. I reckon it would have kept you up at night wondering if you would ever get to the finish line.

Congratulations mate! Well done!

[B00MER]

Thanks for the kind words. I will admit the CSS Skin isn't compatible with Safari on Mac's yet, until I get a chance to find the browser "quirks" and fix them. I was thankful enough to get the skin working properly in IE version 6SP2 and FireFox 1.5.

As you mentioned Lots and Lots of old HTML information has to be converted, the skin in essesence took around 3-4 months to do off and on, one month in particular I focused on nothing else but CSS methods to implement a SEO/Usuable friendly site that was easy to customize. I was trying to focus on all 3 points of template.

Alot of people mention how plane the design is. I did not set out to wow anyone with design aspects but more of whats under the hood, and how easy it is to perhaps tweak the engine underneath without much work. Take a look at the CSS Zen Garden for what can be accomplisehd. I know myspace.com utilizes a full CSS template on user pages as well.

Thanks again.

[gannawdm]

I currently have your CSS skin. It's great....very lightweight. I want to upgrade to 4.1 when it is released. Will this skin survive an upgrade to 4.1?? Or will I have reinstall x-cart and install the CSS skin mod?

[B00MER]

Originally Posted by gannawdm

I currently have your CSS skin. It's great....very lightweight. I want to upgrade to 4.1 when it is released. Will this skin survive an upgrade to 4.1?? Or will I have reinstall x-cart and install the CSS skin mod?

Currently the development version of the CSS skin for X-Cart 4.1.x is being developed, as far as upgrading I will need to run some scenerios on what will be the most efficient manner to do such.

From what I gather, renaming your existing skin1/ directory to something else and copying the CSS Skin for 4.1.x to skin1/ and then proceeding to empty out the templates_c/ directory of its contents via FTP or using admin summary panel, OR simply running cleanup.php from your x-cart install will do this also (Not on windows servers).

After which you'll need to re-apply any .tpl changes that have occured with any 3rd party mods, you will also need to either copy the .tpl files needed from any official X-Cart add-on into the new skin1/ directory OR re-installing the Add-on would do the same as well.

Basically the more out-of-box you can keep your X-Cart the better when it comes time to upgrading. Thankfuly X-Cart has implemented system fingerprints so you can easily determine which files are modified and are not the original code base.

Hopefully I will have a 4.1.x Version within a few months after X-Cart releases the STABLE branch.

I plan on sending anyone whom purchased the Skin recently(or specified extended support time during purchase) with a free upgrade, once its ready for public consumption.

[PP]

Originally Posted by B00MER

I plan on sending anyone whom purchased the Skin recently(or specified extended support time during purchase) with a free upgrade, once its ready for public consumption.

Thanks for the upgrade offer Boomer. I just purchased the CSS Temp a few days ago and do plan on upgrading to 4.1 once it becomes stable as it has many features I need.

I tried e-mailing you (twice) about the x-affiliate home.tpl. In speaking with Carrie she had mentioned that it was in the works, if so, do you have an ETA for this.

Also In trying to dress up the menu's a bit I stumbled on to this generator.

http://www.neuroticweb.com/recursos/css-rounded-box/index.php?color=999999&fondo=FFFFFF

Which gave me this CSS code:

/* set millions of background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }

And this HTML code:

<div class="rbroundbox">
	<div class="rbtop"><div></div></div>
		<div class="rbcontent">
			

Lorem ipsum dolor sit amet, 
			consectetuer adipiscing elit. Duis 
			ornare ultricies libero. Donec 
			fringilla, eros at dapibus fermentum,
			tellus tellus auctor erat, vitae porta 
			magna libero sed libero. Mauris sed leo. 
			Aliquam aliquam. Maecenas vestibulum.</p>
		</div>
	<div class="rbbot"><div></div></div>
</div>

I'm assuming the CSS would go with the #menu_hdr where would one place the html code?

Thanks in advance for any help.

[B00MER]

I received your email in regards to the affiliate portion of the CSS Skin and haven't had a chance to reply yet. Once I'm available for custom work again I will get in touch with you in regards to this.

As for the rounded corners page, I would edit menu.tpl and strip all previous <DIV> tags and then re-insert the code this generator provides, be sure to include the style sheet info in either .css file.

Hope this helps.

[photo]

Boomer, any idea on how long it may be until it will be ready for use with 4.1?

Thanks

[leagcyteam2]

Hello...

Awesome work with the SKIN.

Just have a quick question.

When I was using the regular X-Cart SKIN, I had all the Orders in my Admin section color coded using the codes below.

I have put this same coding into the CSS Skin however it doesn't work.

Any suggestions????

Thanks in advance!

Martin
MediaEnterprises.tv


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

In the following file....."main/orders_list.tpl"


CHANGED

<TR{cycle values=", class='TableSubHead'"}>
<TD width="5"><INPUT type="checkbox" name="orderids[{$orders[oid].orderid}]"></TD>
<TD>#{$orders[oid].orderid}</TD>
<TD nowrap>
{if $usertype eq "A" or ($usertype eq "P" and $active_modules.Simple_Module ne "")}
<INPUT type="hidden" name="order_status_old[{$orders[oid].orderid}]" value="{$orders[oid].status}">
{include file="main/order_status.tpl" status=$orders[oid].status mode="select" name="order_status[`$orders[oid].orderid`]"}
{else}
{include file="main/order_status.tpl" status=$orders[oid].status mode="static"}
{/if}
{if $active_modules.Stop_List ne '' && $orders[oid].blocked eq 'Y'}
[img]{$ImagesDir}/no_ip.gif[/img]
{/if}
</TD>
<TD>{$orders[oid].firstname} {$orders[oid].lastname} ({$orders[oid].login})</TD>
{if $usertype eq "A" and $single_mode eq ""}
<TD>
{$orders[oid].provider}
</TD>
{/if}
<TD nowrap>{$orders[oid].date|date_format:$config.Appearance.date_format}</TD>
<TD nowrap align="right">
{include file="currency.tpl" value=$orders[oid].total}
</TD>
</TR>



TO THE FOLLOWING

<TR{cycle values=", class='TableSubHead'"}>
<TD width="5"><INPUT type="checkbox" name="orderids[{$orders[oid].orderid}]"></TD>
<TD {include file="main/orders_colors.tpl"}>#{$orders[oid].orderid}</TD>
<TD nowrap>
{if $usertype eq "A" or ($usertype eq "P" and $active_modules.Simple_Module ne "")}
<INPUT type="hidden" name="order_status_old[{$orders[oid].orderid}]" value="{$orders[oid].status}">
{include file="main/order_status.tpl" status=$orders[oid].status mode="select" name="order_status[`$orders[oid].orderid`]"}
{else}
{include file="main/order_status.tpl" status=$orders[oid].status mode="static"}
{/if}
{if $active_modules.Stop_List ne '' && $orders[oid].blocked eq 'Y'}
[img]{$ImagesDir}/no_ip.gif[/img]
{/if}
</TD>
<TD {include file="main/orders_colors.tpl"}>{$orders[oid].firstname} {$orders[oid].lastname} ({$orders[oid].login})</TD>
{if $usertype eq "A" and $single_mode eq ""}
<TD>
{$orders[oid].provider}
</TD>
{/if}
<TD {include file="main/orders_colors.tpl"} nowrap>{$orders[oid].date|date_format:$config.Appearance.date_format}</TD>
<TD {include file="main/orders_colors.tpl"} nowrap align="right">
{include file="currency.tpl" value=$orders[oid].total}
</TD>
</TR>





------------------------------------------
AND THEN I CREATED A "NEW" TPL FILE - "orders_colors.tpl"

{* $Id: orders_colors.tpl,v 2.0 2004/10/31 01:27:28 ADPBoss Exp $ *}
{if $orders[oid].status eq "C"} bgcolor="#A3CBF9"} {/if}
{if $orders[oid].status eq "P"} bgcolor="#B8FFCB"} {/if}
{if $orders[oid].status eq "Q"} bgcolor="#FFFF99"} {/if}
{if $orders[oid].status eq "F"} bgcolor="#FFB8C8"} {/if}
{if $orders[oid].status eq "I"} bgcolor="#CCCCCC"} {/if}

[B00MER]

Originally Posted by photo

Boomer, any idea on how long it may be until it will be ready for use with 4.1?
Thanks

However long it takes, its such a lengthy task, although since 4.1.x's HTML is W3C compatible, it may make things go quicker. I won't know until I actually get down an dirty with it.

Once a release is available a newsletter will be sent.