AgoraCart Free User Forums

Hi
i need some help repositioning the product page within a site if you take a look at the site you can see the prodcut page is being displayed in the centre of the page i want it to appear on the right so i can then leave the navigation menu running down the left. I have looked everywhere for the file that is centering the page but cant find it can someone help me out.
Thanks
Pete

Sorry site url is
http://www.popa.co.uk/store/agora.cgi

thanks
Pete

the main table that the product page elements are contained in starts in your store_header.inc file.

I can't tell exactly where that <Table> tag is because I've done some pretty heavy edits, but its in the store_header.inc file for certain.

The table starts in the header, but remember a lot of the elements extend to the product_page.inc file.

What you can do is just make the border=1 in the table tags and see which one contains the product page info.

Once you know where that table is all you have to do is either "align=right" or use CSS to position more accurately.

I don't know how your site is positioned at the moment, but my advice would be to use CSS. Just add a "Style"
attribute to that <table> tag mentioned and you can put that sucker anywhere you like, any way you like.

Eeeeeeeeeeeeeeverything about the look of the cart can be modified, so don't be afraid to test and edit.

Just make sure you back up your originals.!
let me know how it goes-


_________________
just taking it all in.

awwwwwwwwwwwwwwwwwwww Man

I just checked out your site, and its liquid! ( Very nice! )

But obviously, you won't be able to position absolutely. Since your site is liquid,
(more work) I'm sure you will figure out how to position the table to suit your needs, all you were really looking for was that <table > tag anyway right...?

Alright have fun -


_________________
just taking it all in.

Thanks for the fast reply
Yeah im just trying to find that table so i can add a style-sheet to it, the weird thing is i have completely changed the header which doesn't use <table> it uses <div> so i know the main table cant be in store_header.inc as i have completely deleted the original contents. So i thought i would try and edit the Product_page.inc, i even deleted all references to <table> and replaced them all with <div> to see if it the main table would be altered, and to my disappointment when i view the page in the browser (view source) in between the header and main content is this table that is aligned center. My only conclusion is it is being called by the cgi script from somewhere as i cannot find it in any of the folders.
Ill keep trying
and once again thanks

hell-o
some things you can look at to see how they work.

store/admin_files/agora_user_lib.plif you remove or replace "center" you can manipulate things that way. whether or not it's restored to default when saving in the manager i don't know. would be easy to check. not the best way though.

store/library/agora_html_lib.pl

sub product_page_header

this is not the same as the store header. this is the top portion of the ppinc you can't find in the productPage.inc files
some things can be customized here but changes would be global and not easily overcome in some cases. however, rather than adding table structure to your store header and footer you can introduce more table structure here and in the sub product_page_footer (same file). added table structure would be introduced after the &storeHeader; and before the &StoreFooter;. this will keep your header and footer inc files clean.
you could do something like...

change these lines in the sub product_page_header...

to...


change the 599 to whatever the difference is between the overall width of the page and the width of the left nav. so if your page is 780 and the left nav is 180 then change 599 to 600 in both the table and the cell.

then you need to close the table the row and the cell in the
sub product_page_footer...

change this...


to this...


this is off the top of my head. besure to back up your file before editing!!
you will then have to log into your store manager then go to the store layout and mess with the productpage width a little. sometimes it's best to set a few pixels smaller than apparently needed. so if the hardcoded width above is 600 then in the manager it may only need 590 (especially if using borders in your ppinc).
another thing is screen resolutions. if you code to one resolution with css then it can explode or collapse in others when using tables and css.
this all maybe an excersize in futility or not.
you may also be able to control that ppinc table by replacing the tables as shown above with some positioning style or class.
anyway you approach this you must check on different computers and screen resolutions to be sure of readability.

there is a css hack in the yahoo free forum files section by martin van marion. this was done several years ago and i still haven't gotten around to seeing what it's all about. i don't know how intense he went with the css. whether or not it was fully tableless css or just the introduction of more control over table content with classes and styles.
regards,
dan

Thanks Dan that was helpful i see the workings of the cart much clearer now i have cut and pasted some code below which is my final problem as i cannot find where this is called from


If you view source in any of the catagories this code apears between my header and page content it holds the total amount found in the catagory and ill be darned if i can find it anywhere.

Thanks once again

hell-o
a little futher down in the agora_html_lib.pl sub product_page_footer. you'll see the html for the search thingies...

etc. etc.

regards,
dan

A few things about your current files...
You have some stuff in yoiur header file that needs to be removed.
Namely:


Take a look at the following threads to learn about the proper placement of meta tags, css, & javascript:
http://www.agoraguide.com/faq/viewtopic.php?t=1156
http://www.agoraguide.com/faq/viewtopic.php?t=358

Also, looks like you are missing the picserve.cgi file for serving up images in the store...
The file should be in the same directory as the agora.cgi file and permissions set to 755.

HTH!


_________________
God Bless!
Bonnie - AgoraCart Moderator

Get a Gold Membership

Dan wrote:

there is a css hack in the yahoo free forum files section by martin van marion. this was done several years ago and i still haven't gotten around to seeing what it's all about. i don't know how intense he went with the css. whether or not it was fully tableless css or just the introduction of more control over table content with classes and styles.
regards,
dan

I had a look at that hack when i was working on the css aspect of 5.0.. He did some weird things when doing that and his style sheet was extreme. He had indiviual classes for everything. Like every input box was a different class. Wasn't very efficient.... I don't believe his code was followed any w3c standards. It still had tables and definitely didn't validate at all.

5.0 has a lot of control done by css and is html 4.01 valid according to w3c standards. Also additional html was pulled out of the cgi files and placed inside of the templates to allow more flexiblity in customizing. We had opted to leave the tables in place for now and only focus on html 4.01 standards instead of xhtml. The reasoning behind this is we thought that it would be most comfortable for our most of our users. I did start a xhtml version that was completely tableless that i may take a look at again after some other major aspects of 5.0 are released and see if i can release it as a template.

Hi guys:

I am working on this same issue, and none of the fixes below seem to work.

The cart is here: http://www.tasteunlimited.com/cart/agora.cgi

I want the products centered in the table on the View Cart, Check Out, Change Qty, and Remove Items pages, as well as throughout the check out process...it's purely aesthetic, I know, but something the client wants to see, and I can't figure it out!

Any ideas? Thanks in advance.....

First thing I see is that you've got stuff in the header file that should NOT be there, namely:

For proper placement of this information in the store, please refer to the following threads:
http://www.agoraguide.com/faq/viewtopic.php?t=1156
http://www.agoraguide.com/faq/viewtopic.php?t=358

Also, in your header file, I see:

The </TD> tag there looks a bit out of place...be sure to check over your table structure carefully.
Also, the following tags need to be removed from the header, too:


You might, also, want to check out the following thread on working with headers and footers as it will probably help you with finding the html coding errors in your header & footer files.
http://www.agoraguide.com/faq/viewtopic.php?t=1310

HTH!


_________________
God Bless!
Bonnie - AgoraCart Moderator

Get a Gold Membership

Thnaks Bonnie! You're great. :D