X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   css editing program (https://forum.x-cart.com/showthread.php?t=52271)

Bearsnum34 03-25-2010 08:47 AM

Re: css editing program
 
Thanks so much, I figured as much but I just wanted to be sure. I have been able to change the colors but because I don't know smarty I am not able to move the BestSellers box to the right side above the news. :( I guess for now it will have to stay where it is until I have more time to invesitage.

One other thing, I was able to change the color in main.css but do I have to change it in these as well

CSS file (main.IE6.css)
CSS file (main.IE7.css)
CSS file (main.FF.css)
CSS file (main.popup.css)
CSS file (main.popup.IE6.css)


Quote:

Originally Posted by cflsystems
You can view how changes will look like with Firebug . Just load the page and start changing values in Firebug - you will see the change


gizmo 03-25-2010 01:55 PM

Re: css editing program
 
If your using one of x-carts templates for example say Light and lucid 3 column, just go to

1. skin1/customer/home.tpl
2. Now you will see the code
Now you can move best sellers by following:

ORIGINAL CODE
<div id="left-bar">

{if $categories && ($active_modules.Flyout_Menus || $config.General.root_categories eq "Y" || $subcategories)}
{include file="customer/categories.tpl" }
{/if}

{if $active_modules.Bestsellers}
{include file="modules/Bestsellers/menu_bestsellers.tpl" }
{/if}

{if $active_modules.Manufacturers ne "" and $config.Manufacturers.manufacturers_menu eq "Y"}
{include file="modules/Manufacturers/menu_manufacturers.tpl" }
{/if}

{include file="customer/special.tpl"}

{if $active_modules.Survey && $menu_surveys}
{foreach from=$menu_surveys item=menu_survey}
{include file="modules/Survey/menu_survey.tpl"}
{/foreach}
{/if}

{include file="customer/help/menu.tpl"}

</div>
<div id="right-bar">

{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/button.tpl"}
{/if}

{if $active_modules.Feature_Comparison && $comparison_products ne ''}
{include file="modules/Feature_Comparison/product_list.tpl" }
{/if}

{include file="customer/menu_cart.tpl" }

{if $login eq "" }
{include file="customer/auth.tpl" }
{else}
{include file="customer/authbox.tpl" }
{/if}

{include file="customer/news.tpl" }

{if $active_modules.XAffiliate && $config.XAffiliate.partner_register eq 'Y' && $config.XAffiliate.display_backoffice_link eq 'Y'}
{include file="partner/menu_affiliate.tpl" }
{/if}

{if $active_modules.Interneka}
{include file="modules/Interneka/menu_interneka.tpl" }
{/if}



</div>

CHANGED CODE HIGHLIGHTED NOW THIS WILL GIVE BESTSELLERS ON THE RIGHT ABOVE NEWS:

CODE RED IS ADDED TO RIGHT
CODE GREEN IS ORIGINAL AND COMMENTED OUT SO IT WON'T SHOW AND JUST REMOVE COMMENTED OUT TO HAVE IT APPEAR THERE AGAIN

<div id="left-bar">

{if $categories && ($active_modules.Flyout_Menus || $config.General.root_categories eq "Y" || $subcategories)}
{include file="customer/categories.tpl" }
{/if}

{*{if $active_modules.Bestsellers}
{include file="modules/Bestsellers/menu_bestsellers.tpl" }
{/if}*}


{if $active_modules.Manufacturers ne "" and $config.Manufacturers.manufacturers_menu eq "Y"}
{include file="modules/Manufacturers/menu_manufacturers.tpl" }
{/if}

{include file="customer/special.tpl"}

{if $active_modules.Survey && $menu_surveys}
{foreach from=$menu_surveys item=menu_survey}
{include file="modules/Survey/menu_survey.tpl"}
{/foreach}
{/if}

{include file="customer/help/menu.tpl"}

</div>
<div id="right-bar">

{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/button.tpl"}
{/if}

{if $active_modules.Feature_Comparison && $comparison_products ne ''}
{include file="modules/Feature_Comparison/product_list.tpl" }
{/if}

{include file="customer/menu_cart.tpl" }

{if $login eq "" }
{include file="customer/auth.tpl" }
{else}
{include file="customer/authbox.tpl" }
{/if}
{if $active_modules.Bestsellers}
{include file="modules/Bestsellers/menu_bestsellers.tpl" }
{/if}

{include file="customer/news.tpl" }

{if $active_modules.XAffiliate && $config.XAffiliate.partner_register eq 'Y' && $config.XAffiliate.display_backoffice_link eq 'Y'}
{include file="partner/menu_affiliate.tpl" }
{/if}

{if $active_modules.Interneka}
{include file="modules/Interneka/menu_interneka.tpl" }
{/if}



</div>


That's it assuming light and lucid 3 column...........

xplorer 03-25-2010 11:03 PM

Re: css editing program
 
Hi!

For php/html/css editing in Windows I recommend either NetBeans or Eclipse

For testing:
- Firebug plugin for FireFox
- YSlow add-on to Firebug
- ColorZilla plugin for FireFox
- MeasureIt plugin for FireFox
- Web Developer add-on for FireFox
- development tools built into Google Chrome
- Developer Toolbar for IE

Bearsnum34 03-29-2010 03:51 PM

Re: css editing program
 
Hi Gizmo,

I just purchased a template with an install so I do not have the original x-cart template?? :(

[quote=gizmo]If your using one of x-carts templates for example say Light and lucid 3 column, just go to

1. skin1/customer/home.tpl
2. Now you will see the code
Now you can move best sellers by following:

Bearsnum34 03-29-2010 03:52 PM

Re: css editing program
 
Thank you so much I will check those out as well!!

Quote:

Originally Posted by xplorer
Hi!

For php/html/css editing in Windows I recommend either NetBeans or Eclipse

For testing:
- Firebug plugin for FireFox
- YSlow add-on to Firebug
- ColorZilla plugin for FireFox
- MeasureIt plugin for FireFox
- Web Developer add-on for FireFox
- development tools built into Google Chrome
- Developer Toolbar for IE


Jayk 03-29-2010 09:40 PM

Re: css editing program
 
Quote:

Originally Posted by xplorer
Hi!

For php/html/css editing in Windows I recommend either NetBeans or Eclipse


NetBeans just announced initial support for Smarty. It might be time for me to switch from Eclipse.

http://blogs.sun.com/netbeansphp/entry/initial_support_for_smarty_available

Jason

ADDISON 02-26-2013 01:15 PM

Re: css editing program
 
Netbeans remains my favorite because it is free. After using UltraEdit long time, I am in love with Sublime Text 2. Initially it was a little bit hard to understand why is it much better than the others. Too many developers recommend Sublime Text. Now I am looking forward for version 3.

So guys, give it a try, see some videos about what this powerful editor can do. It is just amazing. Just after installation install Package Control plugin, then all will come like a charm. Search with Google Tips&Tricks for being more advanced in using it. The best editor of the moment in my opinion, Notepad++ is also great, but this one is more powerful and the most important faster.

Here is a nice tutorial to learn Sublime: https://tutsplus.com/course/improve-workflow-in-sublime-text-2/.

I am looking for Snippets to X-Cart 4 (if anyone will create them it will be great)!


All times are GMT -8. The time now is 12:53 AM.

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