The Official Website of AgoraCart and Agora.cgi
AgoraCart.com Demos Download AgoraCart User Manuals & Wiki Gold Members Forum Go Gold Now! Gold Version Memberships

AgoraCart.com

About
Features
Download
Payment Gateways
Send a Donation
Founders Club
BLOG: News & Updates

Showcases & Demos

AgoraCart Demos
Shop Live Stores

Downloads & Add-ons

Gold Version Downloads
DBwizz Database Mgr.
AgoraCart.com Store

Help & Support

User Manuals
Gold Version Users Forum
Gold Version Chat
Tech Support
Certified Agora Pros
Certified Designers
Hire a Freelancer

Gold Version Members

Member Benefits
Join Today!
Gold Members Home
Gold Version Users Forum
Gold Version Chat Rooms
Gold Version Downloads

For Store Owners

Merchant Accounts
Cool Resources
Advertise Here
"Powered by" Logos
Web Hosting Search

Misc.

Contact Us
MEET's Talking Guide
The Ancient Greek Agora






AgoraCart Free User Forums

This is the official FAQ and Cool Tips guide For the AgoraCart shopping Cart software


Official Sponsors of the AgoraCart Project:

       


RegisterSearchFAQLog in
Reply to topic Page 1 of 1
Need Help With .inc Files and Product Page
Author Message
Reply with quote
Post Need Help With .inc Files and Product Page 
Hello. I have installed the agora cart to my website and am currently trying to get my product pages to display correctly. I have used the 1b .inc file as a start and I am "tweaking" it to get what I want. New to html design and am learning as I go. I simply want the following for each of my product pages:

1) Store logo at top (left aligned)
2) Product Category (left aligned)
3) Product rows (left aligned) with picture, product name, description, quantity entry, add to cart button, check out field.
4) End field containing our address and copyright information.

See the following page for what I have currently:

www.coralreefaquarium.net -> Livestock -> Hard Corals -> Blastomussa

As you can see, I don't have pictures yet. Also, I seem to have a problem getting my product rows to "stack". For some reason I have a first product with the second product being aligned to the right of the first product. Also, the copyright/address field starts to the right of the second product field. Can you help me? Here is my code (I'm sure there is a better way to do a lot of this, but am leaving the things alone that seem to be working.) I'm sure that a lot of you will easily be able to determine what I am doing wrong.

------------------------store_header.inc-----------------------------

<html>

<p><img width=480 height=125 src="%%URLofImages%%/Logo.jpg"></p>

<p><span style='font-size:24.0pt'>%%product%%</span></p>

--------------------productPage-1bcustom.inc-----------------------

<TABLE ALIGN="LEFT">

<TR><TD COLSPAN="3"><HR></TD></TR>

<TR WIDTH="550">

<TD WIDTH="300"><FONT FACE="ARIAL" SIZE="2"><FORM METHOD="post" ACTION="%%scriptURL%%">
%%make_hidden_fields%%<b>%%name%%</b><br>%%description%%<br></FONT></TD>

<!-- PRICE -->

<TD ALIGN="CENTER" WIDTH="100"> <B>%%price%%</B> </TD>

<!--ENTER QUANTITY / ADD TO CART / CHECK OUT TABLE -->

<TD ALIGN="CENTER" WIDTH="160" VALIGN="MIDDLE"><FONT FACE="ARIAL" SIZE="2">

<TABLE>

<TR>

<TD VALIGN="MIDDLE"><INPUT TYPE="TEXT" NAME="%%itemID%%" SIZE="3" MAXLENGTH="3" VALUE="1"></TD>

<TD VALIGN="MIDDLE"><INPUT TYPE="IMAGE" NAME="add_to_cart_button" VALUE="Add To Cart" SRC="%%URLofImages%%/add_to_cart.gif" BORDER="0"></TD>

</TR>

<TR>

<TD></TD>

<TD><A HREF="agora.cgi?dc=1&%%href_fields%%"><FONT FACE=ARIAL size="2"><B>Check Out</B></FONT></A></TD>

</TR>

</TABLE>

</TD>

</TR>

</FORM>

</TABLE>

--------------------store_footer.inc--------------------------

<p><span style='font-size:14.0pt'>Copyright © 2006 by Coral Reef Aquarium - All rights reserved<br>
3430 North Anthony Blvd., Fort Wayne, IN, 260-484-0951</span></p>

</html>



Thanks!

View user's profile Send private message
Reply with quote
Post  
Try this:
Remove the <html> from the store_header.inc file

For the productPage.inc file, try:
Code:

<TR><TD COLSPAN="3"><HR></TD></TR>

<TR WIDTH="550">

<TD WIDTH="300"><FONT FACE="ARIAL" SIZE="2"><FORM METHOD="post" ACTION="%%scriptURL%%">
%%make_hidden_fields%%<b>%%name%%</b><br>%%description%%<br></FONT></TD>

<!-- PRICE -->

<TD ALIGN="CENTER" WIDTH="100"> <B>%%price%%</B> </TD>

<!--ENTER QUANTITY / ADD TO CART / CHECK OUT TABLE -->

<TD ALIGN="CENTER" WIDTH="160" VALIGN="MIDDLE"><FONT FACE="ARIAL" SIZE="2">

<TABLE>

<TR>

<TD VALIGN="MIDDLE"><INPUT TYPE="TEXT" NAME="%%itemID%%" SIZE="3" MAXLENGTH="3" VALUE="1"></TD>

<TD VALIGN="MIDDLE"><INPUT TYPE="IMAGE" NAME="add_to_cart_button" VALUE="Add To Cart" SRC="%%URLofImages%%/add_to_cart.gif" BORDER="0">
</FORM>
</TD>

</TR>

<TR>

<TD></TD>

<TD><A HREF="agora.cgi?dc=1&%%href_fields%%"><FONT FACE=ARIAL size="2"><B>Check Out</B></FONT></A></TD>

</TR>

</TABLE>

</TD>

</TR>


Also, remove the </html> tag from the store_footer.inc file.

HTH!


_________________
God Bless!
Bonnie - AgoraCart Moderator

Get a Gold Membership
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger ICQ Number
Reply with quote
Post Need Help With .inc Files and Product Page 
Thanks for the quick response!

The products are now stacked (thanks), but I still would like to left align left the table so that it's aligned with the logo, product category, and footer. Thoughts?

Thanks again.

View user's profile Send private message
Reply with quote
Post  
Try this, then:
Code:

<TR><TD COLSPAN="3"><HR></TD></TR>

<TR WIDTH="550">

<td>
<table>
<tr>
<TD WIDTH="300"><FONT FACE="ARIAL" SIZE="2"><FORM METHOD="post" ACTION="%%scriptURL%%">
%%make_hidden_fields%%<b>%%name%%</b><br>%%description%%<br></FONT></TD>

<!-- PRICE -->

<TD ALIGN="CENTER" WIDTH="100"> <B>%%price%%</B> </TD>

<!--ENTER QUANTITY / ADD TO CART / CHECK OUT TABLE -->

<TD ALIGN="CENTER" WIDTH="160" VALIGN="MIDDLE"><FONT FACE="ARIAL" SIZE="2">

<TABLE>

<TR>

<TD VALIGN="MIDDLE"><INPUT TYPE="TEXT" NAME="%%itemID%%" SIZE="3" MAXLENGTH="3" VALUE="1"></TD>

<TD VALIGN="MIDDLE"><INPUT TYPE="IMAGE" NAME="add_to_cart_button" VALUE="Add To Cart" SRC="%%URLofImages%%/add_to_cart.gif" BORDER="0">
</FORM>
</TD>

</TR>

<TR>

<TD></TD>

<TD><A HREF="agora.cgi?dc=1&%%href_fields%%"><FONT FACE=ARIAL size="2"><B>Check Out</B></FONT></A></TD>

</TR>

</TABLE>
</td>
</tr>
</table>

</TD>

</TR>


HTH!


_________________
God Bless!
Bonnie - AgoraCart Moderator

Get a Gold Membership
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger ICQ Number
Reply with quote
Post  
You could also surrond the data in the header & footer in a table which you can limit the width of.

HTH!


_________________
God Bless!
Bonnie - AgoraCart Moderator

Get a Gold Membership
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger ICQ Number
Reply with quote
Post  
Well, the code modification didn't work. Maybe I'll try your second suggestion, or maybe I'll just leave it the way it is...

Thanks again.

View user's profile Send private message
Reply with quote
Post  
I'm still not having any luck with the second suggestion. From what I can tell, it looks like the agora cart software always centers the information found in the productPage.inc file. Is it a matter of editing my productPage.inc file, or really a matter of changing some other setup configuration in a different file that controls the loading of the productPage.inc information?

Thanks.

View user's profile Send private message
Reply with quote
Post  
The auto centering can be minimized by limiting the width of the table that surrounds the entire page.
Open the table in the header & close the table in the footer.
Something like:
store_header.inc:
Code:

<table width=500>
<tr>
<td>
<p><img width=480 height=125 src="%%URLofImages%%/Logo.jpg"></p>

<p><span style='font-size:24.0pt'>%%product%%</span></p>


store_footer.inc:
Code:

<p><span style='font-size:14.0pt'>Copyright © 2006 by Coral Reef Aquarium - All rights reserved<br>
3430 North Anthony Blvd., Fort Wayne, IN, 260-484-0951</span></p>
</td>
</tr>
</table>


I can't remember where the centering stuff is, but it is in the core files and in multiple locations.
I tried to remove all the centering from a client's site and just kept running into layout troubles.
The best way for me to handle it was to do as i explained above with the table and limiting the width.

HTH!


_________________
God Bless!
Bonnie - AgoraCart Moderator

Get a Gold Membership
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger ICQ Number
Reply with quote
Post  
Excellent! It is left justified now. Thanks for all your help.

View user's profile Send private message
Display posts from previous:
Reply to topic Page 1 of 1
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum