Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

css editing program

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #31  
Old 03-25-2010, 08:47 AM
 
Bearsnum34 Bearsnum34 is offline
 

Senior Member
  
Join Date: Jan 2010
Posts: 134
 

Default 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
__________________
4.3.1
x-configurator
x-specialoffers
Reply With Quote
  #32  
Old 03-25-2010, 01:55 PM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default 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...........
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #33  
Old 03-25-2010, 11:03 PM
  xplorer's Avatar 
xplorer xplorer is offline
 

X-Cart team
  
Join Date: Jul 2004
Posts: 925
 

Default 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
Reply With Quote
  #34  
Old 03-29-2010, 03:51 PM
 
Bearsnum34 Bearsnum34 is offline
 

Senior Member
  
Join Date: Jan 2010
Posts: 134
 

Default 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:
__________________
4.3.1
x-configurator
x-specialoffers
Reply With Quote
  #35  
Old 03-29-2010, 03:52 PM
 
Bearsnum34 Bearsnum34 is offline
 

Senior Member
  
Join Date: Jan 2010
Posts: 134
 

Default 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
__________________
4.3.1
x-configurator
x-specialoffers
Reply With Quote
  #36  
Old 03-29-2010, 09:40 PM
  Jayk's Avatar 
Jayk Jayk is offline
 

eXpert
  
Join Date: Nov 2003
Location: Calgary, Alberta, Canada
Posts: 333
 

Default 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
__________________
X-Cart Gold 4.4.3
Blog: www.flashinthepan.ca
Reply With Quote
  #37  
Old 02-26-2013, 01:15 PM
  ADDISON's Avatar 
ADDISON ADDISON is offline
 

X-Man
  
Join Date: Jan 2008
Posts: 2,613
 

Default 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)!
__________________
X-Cart Next: Business 5.2 (learning and testing)
X-Cart Classic: Gold and Gold Plus 4.7
Lots of Modules and Customizations
OS in use: Red Hat Enterprise, Fedora, CentOS, Debian, Ubuntu, Linux Mint, Kali Linux
Ideas for Server configuration (basicaly): Nginx/Pound (reverse proxy), Apache/Nginx (webserver), Squid/Varnish (cache server), HHVM or (PHP-FPM + PHP 5.6 + opcache), MariaDB/Percona MySQL Server, Redis (storing sessions)

You can catch my ideas here: http://ideas.x-cart.com
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 10:54 PM.

   

 
X-Cart forums © 2001-2020