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
category table & product table alignment
Author Message
Reply with quote
Post category table & product table alignment 
http://www.mahasamusic.com/store5/

im gonna try and explain this properly...

when you first visit the site, the layout is fine - however when you click "Art" from the category list on the left, the table that the productPage sits in is centered. this is what is shown in the 'browser source'

<!--END HEADER TABLE-->

<div align=center><table class="ac_product_table"><tr><td colspan=3><table border=0>
<tr><td colspan=2><FONT FACE="........

i want to remove the following ----> <div align=center>

same goes for the next page when you click the 'more info' button

i'd like for this table aligned to the left.

View user's profile Send private message
Reply with quote
Post  
That is part of the core files and any edits would be overwritten when the files get updated.
What you can do is to make the product display area a bit narrower.
That would be done by adjusting the '.ac_product_table' class. Instead of using a percentage, set it to a specific width, like 500px.

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  
scottcrew wrote:
That would be done by adjusting the '.ac_product_table' class. Instead of using a percentage, set it to a specific width, like 500px.


this would be be in the CSS file right? right now its already set to a specific width, NOT a %

View user's profile Send private message
Reply with quote
Post  
Yes, the CSS Editor manager.
You may consider narrowing the width...


_________________
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  
hmmm...i tried making it even smaller and its still centered, so i dont think that its the '.ac_product_table' class. here is how i have it right now...

.ac_product_table{

width: 625px; <-------even if i make this 400, its still shows up centered.

vertical-align : top;

align : left;

margin: 10px auto;

text-align: left;

View user's profile Send private message
Reply with quote
Post  
Of course, it will be centered... but, it will be moved more to the left than it was before...

Hmmm.... Try this, it might do it for you...
Free Form Logic Manager -> 1st Box
Put the following:
Code:
$sc_product_display_header = qq~<div align=left><table class="ac_product_table">~;


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  
ok, so i entered that code into the 1st box of the free form logic manager -

from the source of the page, it seems correct...
<div align=left><table class="ac_product_table"><tr>


however when you view the page, it still centers! i dont get it, whats in that space should be aligned right next to the header (or menu on the left hand side)


***is there a way so that the <div> tags are removed all together from the table? cuz on the index page, it lines up correctly - but i noticed that there isnt a <div> tag before the table.

View user's profile Send private message
Reply with quote
Post  
Everything is coded correctly on Agora's end... The problem is in your header and footer...
The footer file is completely missing...and a few adjustments in the header will correct the issue.

This is the way the header & footer should look...
store_header.html:
Code:
<!--BEGIN HEADER TABLE-->

<table width="100%" border="1" align="left" cellpadding="0" cellspacing="10">
<tr><td colspan="2">
<a href="http://www.mahasamusic.com/store5"><img src="http://www.mahasamusic.com/store5/html/images/storeheader.jpg" width="500" height="90" border="0"></a><br>
</td></tr>
<tr>
<td>
<table width="150" border="0" align="left" cellpadding="0" cellspacing="10">

  <tr>

    <td><form METHOD="POST" ACTION="agora.cgi">

<input TYPE="hidden" NAME="cart_id" VALUE="%%cart_id%%"><input TYPE="text" NAME="keywords" SIZE=15 MAXLENGTH=40>

<input TYPE="hidden" NAME="ppinc=search" VALUE="search"><br>

  <input TYPE="submit" NAME="search_request_button" VALUE="search"> </form>

   

<!--START Category Listings-->

<!--agorascript-pre { # code to list categories and/or sub categories
# updated for AgoraCart 5.x by Mister Ed Jan 11, 2005
# updated to fit CSS mods by Eric Welin Feb 02, 2005
if ($sc_displayDynamicCategories =~ /yes/i) {
local($sku,$category,$subcategory);
my ($catnumber,$catnumber2)= '';
local(%db_ele,%subcatarray)= ();
if (!($sc_db_lib_was_loaded =~ /yes/i)){
  &require_supporting_libraries (__FILE__, __LINE__, "$sc_db_lib_path");
}
&capture_STDOUT;
       print qq~<table width="150" border="0" align="left" cellpadding="0" cellspacing="0">
       
        <tr>
          <td bgcolor="#FFFFFF"><div align="left"><br>
~;
if ($sc_use_database_subcats =~ /yes/i) {
  &get_prod_db_element($db{"product"},*db_ele);
  foreach $sku (sort (keys %db_ele)) {
    $catnumber = "";
    $category = $db_ele{$sku};
    %subcatarray = %{$db_ele{$category}};
    $category2 = $category;
    $category2=~s/ /%20/g;
    if ($sc_count_database_cats =~ /yes/i) {
      $catnumber = "(" . $db_ele2{$category} . ")";
    }
    print qq~\n&bull;<a href="agora.cgi?cart_id=%%cart_id%%&amp;product=$category2" class="ac_left_links" title="$category">$category</a> $catnumber<br>~;
    foreach $subcategoryarray (sort(keys %subcatarray)) {
      $category3 = $subcategoryarray;
#      $category3=~s/ /%20/g;
      if ($sc_count_database_cats =~ /yes/i) {
        $catnumber2 = "(" . $db_ele{$category}->{$subcategoryarray} . ")";
      }
      print qq~<a href="agora.cgi?cart_id=%%cart_id%%&amp;product=$category2&amp;$sc_subcat_index_field=$category3" class="ac_left_sub_links" title="$category3">$category3</a> $catnumber2<br>~;
    }
  }
} else {
  &get_prod_db_element($db{"product"},*db_ele);
  foreach $sku (keys %db_ele) {
    $category = $db_ele{$sku};
    $category_list{$category}++;
  }
  foreach $category (sort(keys %category_list)) {
    $category2 = $category;
    $category2=~s/_/ /g;
    print qq~<a href="agora.cgi?cart_id=%%cart_id%%&amp;product=$category" class="ac_left_links" title="$category2">$category2</a><br>~;
  }
}
print "\n";
       print qq~
</div><br></td>
        </tr>
      </table>
      
~;
&uncapture_STDOUT; }
}
-->

<!--END Category Listings--> 
<font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#336699">   

<strong>--------------------</strong><br><br>
     <!--START Dynamic Links - cartlinks-->
<!-- .html and .htm pages in the html directory of your store, compiled in real time.  Add/Remove/Rename pages in your store's html directory to alter these links-->

<!--agorascript-pre

&capture_STDOUT;
&cartlinks;
$cartlinks =~ s/<ul>\n//ig;
$cartlinks =~ s/<li>//i;
$cartlinks =~ s/<li>/<br>/ig;
$cartlinks =~ s/<\/li>\n//ig;
$cartlinks =~ s/<\/ul>//ig;
print $cartlinks;
&uncapture_STDOUT;  -->
<br><br>
<strong>--------------------</strong><br><br>
<a href="http://www.mahasamusic.com/store5/agora.cgi?dc=1&cart">view cart</a>
  </font></td>

  </tr>
</table>
</td>
<td valign="top" align="left">
<!--END HEADER TABLE-->


store_footer.html:
Code:
</td>
</tr>
</table>


Improper html coding is the number 1 reason for display issues in AgoraCart.

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  
scottcrew wrote:
Improper html coding is the number 1 reason for display issues in AgoraCart.

HTH!


you are right, however its had nothing to do with the footer - there shouldnt be reason why a footer is even necessary at all on a site. in any case, i did manage to fix my problem.

in my css file, i removed the word 'auto' from the 'margin : 10px auto' line from the .ac_product_table

i REALLY appreciate the help you've given me! Very Happy

View user's profile Send private message
Reply with quote
Post  
Even if a file is empty, the store_footer.html file should be there...
But, if you had properly built tables to accomodate the display, you would not have a problem...


_________________
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  
scottcrew wrote:


Hmmm.... Try this, it might do it for you...
Free Form Logic Manager -> 1st Box
Put the following:
Code:
$sc_product_display_header = qq~<div align=left><table class="ac_product_table">~;


HTH!


if there are other tables i would like to align to the left (ie. ac_cart_table, ac_totals_table, etc) - how would i go about figuring out how to determine how to START the line of code?

$...... = qq~<div align=left><table class=....;

View user's profile Send private message
Reply with quote
Post  
??????
Be more specific.... You are talking about css classes that are used in several places in the cart...


_________________
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  
theres two that im looking at now...

<div align="center">
<table class="ac_cart_table">

&

<div align="center">
<table class="ac_checkout">

same issue before, just a different table from this page

http://www.mahasamusic.com/store5/agora.cgi?dc=1&cart

View user's profile Send private message
Reply with quote
Post  
Where??? Telling which page you see this one would help....
I asked you to be more specific...


_________________
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  
im sorry...hope this makes sense

from the 'view/modify cart' page - http://www.mahasamusic.com/store5/agora.cgi?dc=1&cart
<div align="center">
<table class="ac_cart_table">

&

from the 'step one' & 'step two' pages when you click complete order from the cart
<CENTER>
<TABLE class="ac_checkout">

View user's profile Send private message
Reply with quote
Post  
Personally the "View Cart" page shoudl remain centered... To do otherwise might look bad...
But those are found in one of the core files and do not have a variable to edit...

The other one... Step one is in the order form... step two is in another of the gateway core files.
Again, for that step, align left may not look so good...


_________________
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  
Bonnie, thanks for you opinion - i think im gonna take your suggestion and leave it.

However, one last thing with the cart pages... is there a way to have the 'update items', 'remove items', 'continue shopping', etc buttons lined up the same way as the tables above them?

i think its the 'ac_checkout' table. i already tried going into the CSS file and adding 'align: center;' but it didnt work - so im assuming that im going about it the wrong way

View user's profile Send private message
Reply with quote
Post  
The cart function buttons are coded in the "cart_footer" files found in the 'html/html-templates' directory. These can be edited and are not an "upgrade" type of file.


_________________
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're the best - thanx sooo much, seriously!

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