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

How to Adjust for Different Screen Sizes

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 12-18-2005, 08:05 AM
 
darr darr is offline
 

Member
  
Join Date: Oct 2004
Posts: 29
 

Default How to Adjust for Different Screen Sizes

I have searched for How to Adjust for Different Screen Sizes, but I cannot find the resolution code or where I can purchase a mod to do so.

Our web site looks good at 800x600, but really bad at 1024x768, etc.

We would like our site to re-adjust for the screen resolution of a viewer's display setting whether it be 800x600, 1024x768, 1280x768, etc.

Any help here would be greatly appreciated.

Darr

web site: http://crateart.com/home.php
__________________
xcart 4.5.0
Reply With Quote
  #2  
Old 12-18-2005, 08:09 AM
 
cotc2001 cotc2001 is offline
 

X-Man
  
Join Date: Feb 2003
Location: Shrewsbury, UK
Posts: 2,351
 

Default

Whats wrong with it at 1024x768 ??? it looks perfectly fine to me.
Are you wanting to make it full screen width? fixed screen width sites are much better in my opinion when desigining.
__________________
x-cart 4.0.5 (live and heavily modded)
Server: freebsd
Reply With Quote
  #3  
Old 12-18-2005, 08:16 AM
 
darr darr is offline
 

Member
  
Join Date: Oct 2004
Posts: 29
 

Default

cotc2001: We would like the site to fill the entire screen on display. The site was designed for viewing at 800x600, but according to our marketing tracks, more people are viewing at 1024x768 than 800x600.
__________________
xcart 4.5.0
Reply With Quote
  #4  
Old 12-18-2005, 10:13 AM
  pauldodman's Avatar 
pauldodman pauldodman is offline
 

X-Guru
  
Join Date: Jul 2003
Location: Spain / UK
Posts: 3,062
 

Default

I have to agree, your site works well at bigger resolutions, mainly because the blue border frames it and makes it ok. You are right though, more people are using bigger resolutions these days.

If you look at your skin1/customer/home.tpl you will see that you can alter table widths to 100% which will stretch out your page to full width on all browsers. Also look at your skin1/head.tpl. If you are adept with html tables, you can make sliding tables for your head to keep the right hand side right aligned, and make the middle section stretch.
__________________
Paul Dodman
e-business & m-commerce consultant
w: www.luminointernet.com
e: xcart@luminointernet.com

Professional X-Cart help, advice, support and services, specialists in Mobile X-Cart.
Reply With Quote
  #5  
Old 12-18-2005, 10:23 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default

Rectangle_top.tpl has a table cell that controls the overall width of the site. It is set to 100% by default.
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #6  
Old 12-18-2005, 10:43 AM
 
darr darr is offline
 

Member
  
Join Date: Oct 2004
Posts: 29
 

Default

Here is our rectangle_top.tpl code:


Code:
{* $Id: rectangle_top.tpl,v 1.13.2.7 2005/09/06 11:07:44 max Exp $ *} { include file="common_js.tpl"} {if $config.Adaptives.isJS eq '' && $config.Adaptives.is_first_start eq 'Y'} {if $main eq "catalog" and $current_category.category eq ""} <SCRIPT id="adaptives_script" type="text/javascript" language="JavaScript 1.2"></SCRIPT> <SCRIPT type="text/javascript" language="JavaScript 1.2"> if (document.getElementById('adaptives_script')) document.getElementById('adaptives_script').src = "{$current_location}/adaptive.php?send_browser="+(localIsDOM?"Y":"N")+(localIsStrict?"Y":"N")+(localIsJava?"Y":"N")+"|"+localBrowser+"|"+localVersion+"|"+localPlatform+"|"+(localIsCookie?"Y":"N")+"|"+screen.width+"|"+screen.height+"|{$usertype}"; </SCRIPT> {/if} {/if} <TABLE class="okvir" align="center" border="0" height="100%" cellpadding="0" cellspacing="0"> <TR> <TD valign="top"><DIV style="position: absolute;" id="div_null"></DIV>

Does anyone know what : TABLE class="okvir" means? I cannot see where the width for 100% is.
__________________
xcart 4.5.0
Reply With Quote
  #7  
Old 12-18-2005, 10:53 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default

That is not the standard rectangle_top.tpl, it appears to have been altered. Here's the un-edited version from 4.0.17:

Code:
{* $Id: rectangle_top.tpl,v 1.13.2.7 2005/09/06 11:07:44 max Exp $ *} { include file="common_js.tpl"} {if $config.Adaptives.isJS eq '' && $config.Adaptives.is_first_start eq 'Y'} <SCRIPT id="adaptives_script" type="text/javascript" language="JavaScript 1.2"></SCRIPT> <SCRIPT type="text/javascript" language="JavaScript 1.2"> if (document.getElementById('adaptives_script')) document.getElementById('adaptives_script').src = "{$current_location}/adaptive.php?send_browser="+(localIsDOM?"Y":"N")+(localIsStrict?"Y":"N")+(localIsJava?"Y":"N")+"|"+localBrowser+"|"+localVersion+"|"+localPlatform+"|"+(localIsCookie?"Y":"N")+"|"+screen.width+"|"+screen.height+"|{$usertype}"; </SCRIPT> {/if} <TABLE align="center" border="0" cellpadding="0" cellspacing="0" width="{$width|default:"100%"}" height="100%"> <TR> <TD valign="top"><DIV style="position: absolute;" id="div_null"></DIV>
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #8  
Old 12-24-2005, 05:20 AM
 
darr darr is offline
 

Member
  
Join Date: Oct 2004
Posts: 29
 

Default Thank you, issue has been resolved!

Thank you to everyone that contributed to this post. This issue has been resolved thanks to the free advise from the X-Cart Support Desk. All I had to do was to locate "okvir" on the style.css file and change it from "width: 780px" to "width: 100%".
Too easy!
__________________
xcart 4.5.0
Reply With Quote
  #9  
Old 12-24-2005, 07:10 AM
  TelaFirma's Avatar 
TelaFirma TelaFirma is offline
 

X-Adept
  
Join Date: Nov 2002
Location: North Carolina USA
Posts: 930
 

Default

Hmmm I wish I had seen this site earlier - would have been some perfect Christmas presents for my sister...
Reply With Quote
  #10  
Old 12-24-2005, 07:20 AM
 
darr darr is offline
 

Member
  
Join Date: Oct 2004
Posts: 29
 

Default

TelaFirma: Next year visit us for gifts for your sister!
We discount up to 15% off starting mid November for holiday gift giving.
Happy Holidays!
Darr
__________________
xcart 4.5.0
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 03:04 PM.

   

 
X-Cart forums © 2001-2020