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

how to make storefront page width 100%

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 12-03-2013, 09:00 AM
 
xp-group xp-group is offline
 

Newbie
  
Join Date: Feb 2013
Posts: 6
 

Default how to make storefront page width 100%

How to make width of storefront page only 100% without sidebar, but leave on other pages< please help!!!

I hide left side bar on frontpage only
__________________
x-cart-4.5.4gold
Reply With Quote
  #2  
Old 12-03-2013, 09:45 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: how to make storefront page width 100%

Your template is going to matter a lot with this. best to explain what template you are using.

Here is the code you want to use:
{if $main eq "catalog" and $current_category.category eq ""}
Do nothing
{else}
Show left bar
{/if}

The left bar is called in /common_files/customer/content.tpl

Now there is going to be CSS as well involved
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote
  #3  
Old 12-03-2013, 10:46 PM
 
xp-group xp-group is offline
 

Newbie
  
Join Date: Feb 2013
Posts: 6
 

Default Re: how to make storefront page width 100%

Quote:
Originally Posted by totaltec
Your template is going to matter a lot with this. best to explain what template you are using.

Here is the code you want to use:
{if $main eq "catalog" and $current_category.category eq ""}
Do nothing
{else}
Show left bar
{/if}

The left bar is called in /common_files/customer/content.tpl

Now there is going to be CSS as well involved

Thanks, but I cloned template Books & Magazines.
website http://kupipalto.ru
I hide left sidebar on frontpage
Now I need to stretch content on page width,
When I change CSS it applies on all pages,
not only frontpage
It suppose to look like http://xp-group.ru
__________________
x-cart-4.5.4gold
Reply With Quote
  #4  
Old 12-04-2013, 09:09 PM
  qualiteam's Avatar 
qualiteam qualiteam is offline
 

X-Guru
  
Join Date: Dec 2010
Posts: 6,373
 

Default Re: how to make storefront page width 100%

Hi!

There is a CSS rule that sets the 960px width for the #page-container element on your website.

So, you need to tweak the page template so that it adds a special CSS class to the body tag (for example, "frontpage") when it is the front page. And then add an extra CSS rule that will override the width for ".frontpage #page-template" element.
__________________
Alex Solovev,
Qualiteam

---

User manual Video tutorials X-Cart FAQ

You are welcome to press "Thanks" button
if you find this post useful

Click here to learn how to apply patches

X-Cart Extensions
Reply With Quote

The following user thanks qualiteam for this useful post:
totaltec (12-05-2013)
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 07:39 PM.

   

 
X-Cart forums © 2001-2020