Author |
Message |
daryl
Newbie - Two Blades
Joined: 25 Oct 2007
Posts: 33
|
 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.
|
Fri Oct 26, 07 6:02 pm |
|
 |
scottcrew
Moderator
Joined: 13 Feb 2004
Posts: 7516
Location: The West Side of MI USA
|
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
|
Sat Oct 27, 07 7:11 am |
 |
 |
daryl
Newbie - Two Blades
Joined: 25 Oct 2007
Posts: 33
|
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 %
|
Sat Oct 27, 07 4:02 pm |
|
 |
scottcrew
Moderator
Joined: 13 Feb 2004
Posts: 7516
Location: The West Side of MI USA
|
Yes, the CSS Editor manager.
You may consider narrowing the width...
_________________ God Bless!
Bonnie - AgoraCart Moderator
Get a Gold Membership
|
Sat Oct 27, 07 5:25 pm |
 |
 |
daryl
Newbie - Two Blades
Joined: 25 Oct 2007
Posts: 33
|
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;
|
Sun Oct 28, 07 5:01 pm |
|
 |
scottcrew
Moderator
Joined: 13 Feb 2004
Posts: 7516
Location: The West Side of MI USA
|
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
|
Sun Oct 28, 07 5:39 pm |
 |
 |
daryl
Newbie - Two Blades
Joined: 25 Oct 2007
Posts: 33
|
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.
|
Sun Oct 28, 07 7:28 pm |
|
 |
scottcrew
Moderator
Joined: 13 Feb 2004
Posts: 7516
Location: The West Side of MI USA
|
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•<a href="agora.cgi?cart_id=%%cart_id%%&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%%&product=$category2&$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%%&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
|
Mon Oct 29, 07 5:24 am |
 |
 |
daryl
Newbie - Two Blades
Joined: 25 Oct 2007
Posts: 33
|
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!
|
Mon Oct 29, 07 11:37 am |
|
 |
scottcrew
Moderator
Joined: 13 Feb 2004
Posts: 7516
Location: The West Side of MI USA
|
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
|
Tue Oct 30, 07 4:48 am |
 |
 |
daryl
Newbie - Two Blades
Joined: 25 Oct 2007
Posts: 33
|
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=....;
|
Tue Oct 30, 07 10:22 am |
|
 |
scottcrew
Moderator
Joined: 13 Feb 2004
Posts: 7516
Location: The West Side of MI USA
|
??????
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
|
Tue Oct 30, 07 2:29 pm |
 |
 |
daryl
Newbie - Two Blades
Joined: 25 Oct 2007
Posts: 33
|
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
|
Tue Oct 30, 07 4:19 pm |
|
 |
scottcrew
Moderator
Joined: 13 Feb 2004
Posts: 7516
Location: The West Side of MI USA
|
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
|
Tue Oct 30, 07 6:24 pm |
 |
 |
daryl
Newbie - Two Blades
Joined: 25 Oct 2007
Posts: 33
|
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">
|
Tue Oct 30, 07 7:10 pm |
|
 |
scottcrew
Moderator
Joined: 13 Feb 2004
Posts: 7516
Location: The West Side of MI USA
|
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
|
Wed Oct 31, 07 1:30 pm |
 |
 |
daryl
Newbie - Two Blades
Joined: 25 Oct 2007
Posts: 33
|
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
|
Wed Oct 31, 07 3:33 pm |
|
 |
scottcrew
Moderator
Joined: 13 Feb 2004
Posts: 7516
Location: The West Side of MI USA
|
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
|
Wed Oct 31, 07 4:46 pm |
 |
 |
daryl
Newbie - Two Blades
Joined: 25 Oct 2007
Posts: 33
|
you're the best - thanx sooo much, seriously!
|
Wed Oct 31, 07 5:06 pm |
|
 |
|