Customizing BTO - New To BTO Customizing

Print Page | Close Window

New To BTO Customizing

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart Build To Order
Forum Name: Customizing BTO
Forum Description: Interact with other users, resellers and developers about customizing BTO
URL: https://forum.productcart.com/forum_posts.asp?TID=3690
Printed Date: 20-May-2024 at 1:59am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: New To BTO Customizing

Posted By: Bruno
Subject: New To BTO Customizing
Date Posted: 07-May-2010 at 1:42am

Hi,
I finally got the installation done, looks good so far. I am running into issues, first off I am no professional I am just getting by with the tuts and what not. This is the page so far

http://xtreme-hps.com/shop/pc/msg.asp?message=304

Compared to this

http://www.xtreme-hps.com/

Almost there, I am having an issue with the store staying turned off it won't turn on no matter what I do in the control panel. Another issue is how wode that bar is, I would like to resize it so its the width of my header so it matches, is this possible? If I can figure these out I should be ok to go. What am I missing?

Replies:

Posted By: Greg Dinger
Date Posted: 07-May-2010 at 1:51am

Please review this page:

http://wiki.earlyimpact.com/updates/v4_upgrade_instructions#headerasp - http://wiki.earlyimpact.com/updates/v4_upgrade_instructions#headerasp

If you don't have these statements in your header and footer files, the store will report that it is closed as you have shown us:

include file="inc_header.asp"

include file="inc_footer.asp"

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: Bruno
Date Posted: 07-May-2010 at 1:55am

Ok what about the width of the error box? Can I change that?

Posted By: Greg Dinger
Date Posted: 07-May-2010 at 2:02am

it appears you are optimizing for a very wide screen resolution. You may wish to look at the site at something like 1024x768 and understand what it looks like for those users.

Then, regardless of what you may or may not change about the width of the page layout - you may want to set a width for class="pcErrorMessage" in your CSS file.

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: Bruno
Date Posted: 07-May-2010 at 2:11am

Hi
I got the site set at 1280x1024. :) also will the rest of the store be as wide as that box? Would be nice if it would fit together.

Posted By: Hamish
Date Posted: 07-May-2010 at 5:14pm

To see the likely impact on customers of an overly wide/long site design see http://browsersize.googlelabs.com/%20 - http://browsersize.googlelabs.com/ where you can put in a URL and it overlays viewability info over the top and which also gives percentages on the number of users that will need to scroll to "appreciate" an overly wide website. Customers are really not keen on scrolling sideways!!

-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code

Posted By: Bruno
Date Posted: 07-May-2010 at 5:57pm

You don't have to scroll sideways on my site.

Posted By: ProductCart
Date Posted: 07-May-2010 at 6:12pm

Bruno,

the issue with your design is simply that header.asp and footer.asp have not been properly set to "contain" the ProductCart code. In your code you have a table that is closed in header.asp, instead of being opened there and closed in footer.asp.

Right now the message shown on http://xtreme-hps.com/shop/pc/msg.asp?message=304 stretches across the entire width of the screen because there is no design element that is setting its width. Since the main ProductCart DIV is set to fill 100% of the parent, and since there is no parent, it fills 100% of the screen size.

Fixing the problem should take less than 1 minute.

From a very quick look at the code, the problem is simply that you have:


<table width="820"  border="0" align="center" cellpadding="6" cellspacing="0"> 

  <tr> 

   <td width="289" bgcolor="#FFFFFF"  class="description"> 

   <p align="center"> </p> 

   </td> 

  </tr> 

</table>

... entirely in header.asp.

Instead, as mentioned above, you need to end header.asp with the opening tag for your "container" design element, which in this case is the table cell in this table.

So header.asp should end with:


<table width="820"  border="0" align="center" cellpadding="6" cellspacing="0"> 

 <tr> 

   <td bgcolor="#FFFFFF"  class="description">

... and footer.asp should begin with:


    </td> 

  </tr> 

</table>

We removed the width from the table cell because it seemed inconsistent with the width of the table.

We hope this helps.

-------------
The ProductCart Team

Home of ProductCart http://www.productcart.com" rel="nofollow - shopping cart software

Posted By: Hamish
Date Posted: 07-May-2010 at 7:29pm

Hi Bruno,
My comments were based on the fact that you said the site design was 1280 * 1024px.
If you take a look at the results for your site using the Google tool you will get an idea of the percentages of site visitors that will need to scroll sideways to view the site and it's not insignificant.

-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code

Posted By: Guests
Date Posted: 07-May-2010 at 8:07pm

Hamish wrote:

Hi Bruno, My comments were based on the fact that you said the site design was 1280 * 1024px.If you take a look at the results for your site using the Google tool you will get an idea of the percentages of site visitors that will need to scroll sideways to view the site and it's not insignificant.

I'd like to second Hamish's comment and Greg mentioned this above too.

I remember the first web site I ever built way back right after Al Gore invented the Internet (sorry, I still get a chuckle out of that). I build it for MY screen resolution only to be dismayed at what others were seeing on their 800 x 600 resolution.

You can't build your site for yourself. You have to build it for the demographic. I'd recommend not going over 1000px wide (as you need the other 24px for the vertical scroll bar). I'm also not a big fan of fluid width either as some folks can have extremely wide view ports and things can just fall apart and look horrible on that.

Posted By: Bruno
Date Posted: 07-May-2010 at 9:40pm

Hi I didn't make it at my res, I use 2560x1600 as a personal res. And I got it to fit, just edited the css file and its fine now. I got to figure out how to make some of the text line up now but it should be ok.

Posted By: Bruno
Date Posted: 08-May-2010 at 1:29am

How did you guys get that special box to pop up when hovering over a product? My won't, take alook at this test.

http://xtreme-hps.com/shop/pc/configurePrd.asp?idproduct=2&qty=1

Posted By: Greg Dinger
Date Posted: 08-May-2010 at 1:34am

Check the AJAX stuff at the bottom of miscellaneous settings in your admin.

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: Bruno
Date Posted: 08-May-2010 at 1:52am

Thanks, also you know how to get rid of the Product cart text in the page title? And One last question, no matter what I do the RMA form won't show up, its enabled in the admin...

Posted By: ProductCart
Date Posted: 08-May-2010 at 2:33am

There is information on both topics in the ProductCart documentation.

- Text in page title = default meta tags. See:
http://wiki.earlyimpact.com/productcart/seo-meta-tags - http://wiki.earlyimpact.com/productcart/seo-meta-tags

- RMA. See:
http://wiki.earlyimpact.com/productcart/orders_returns - http://wiki.earlyimpact.com/productcart/orders_returns

-------------
The ProductCart Team

Home of ProductCart http://www.productcart.com" rel="nofollow - shopping cart software

Posted By: Bruno
Date Posted: 08-May-2010 at 6:50pm

Hi,
Quick question, any reason why IE isntliking this page? Works fine in Firefox and every other browser but IE.

http://xtreme-hps.com/shop/pc/configurePrd.asp?idproduct=2&qty=1

Posted By: Greg Dinger
Date Posted: 08-May-2010 at 6:55pm

It would be useful if you would specify what behavior you are seeing. I don't see an immediate problem besides the fact that you have an issue with swfobject.js not being correctly referenced.

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: Guests
Date Posted: 08-May-2010 at 7:08pm

Looks fine in IE 8, but not so much in compatibility mode. However, there are some serious display issue in Chrome.

Posted By: Bruno
Date Posted: 08-May-2010 at 7:13pm

The issue is the font and boxes jump outside of the frame of my site, atleast on my end they are. Whats wrong with the swf? I see no problem.

Posted By: intour
Date Posted: 10-May-2010 at 9:19am

I agree - don't go wider than 1000 pixels.

Current browser stats show 20% still using 1024 x 768 however, my own view is that the percentage of those that may be forced to scroll sideways is higher than those bare figures suggest.

Over the last couple of years there has been a substantial increase in mini laptops - these are commonly set to display at 1024 x 600.

Consideration also has to be given to those who increase their viewing size simply because they cannot read the tiny text in todays higher screen resolutions. I've done this for my own wife and a few of my customers.

Side scrolling is a definite No No.

Nigel

-------------
http://www.innerview.co.uk - Innerview
Productcart Platinum Reseller
Web Design/Hosting/Virtual Tours