Customize Center Page Layout

when looking at this section of viewed source:```

<div id="buybox" class="forward"> <!--bof Attributes Module --> <div id="productAttributes"> <h3 id="attribsOptionsText">Please Choose: </h3> <div class="wrapperAttribsOptions"> <h4 class="optionName back">Type</h4> <div class="back"> <input name="id[1]" value="1" id="attrib-1-1" type="radio"><label class="attribsRadioButton zero" for="attrib-1-1">Plant ($5.00) </label><br> <input name="id[1]" value="2" id="attrib-1-2" type="radio"><label class="attribsRadioButton zero" for="attrib-1-2">Rhizome ($1.00) </label><br> </div> <br class="clearBoth"> </div>

<br class="clearBoth">

</div><!--bof Add to Cart Box --> <hr> <div id="cartAdd"> Choose Quantity: <input name="cart_quantity" value="1" maxlength="6" size="4" type="text"><br><br><input name="products_id" value="1" type="hidden"><input src="includes/templates/gingerland/buttons/english/button_in_cart.gif" alt="Add to Cart" title=" Add to Cart " type="image"> </div> <!--eof Add to Cart Box--> ```

The <br> in red have to go. you'll have to edit them out in the template file. You will also have to adjust the width of #buybox to 100% in the stlyesheet.

You just hit on something that seems to have me guessing. When I have a page loaded in the browser and I view it as code, I can see the different tags such as as the two <br> tags that I need to get rid of ( and I certainly understand why ) but then I have the problem of knowing what file it is that lets me edit them out.

When I do a search/find in the entire template folder for the tags <br> it brings back zero results.

It has got to be something in my thought pattern that I am missing a concept here and I guess it might boil down to how to edit html in php files.
Does this make sense?

Thanks

I believe that the 2 <br class="clearboth"> are in the tpl_modules_attributes.php file.

the 2 <br> are in the tpl_product_in fo_display.php filein the add to cart section

Well I did remove the <br> tags and clearBoth and changed my css. The box is looking like I want it as far as the css is concerned, I'm just not seeing the changes taking place to make the attributes information and the add to cart information all on the same horizontal line.

I'll keep looking, but am open to any help..thanks

did you get the <br class="clearboth"> at about line 49 in tpl_modules_attributes.php?

As soon as I take that code out the add to cart cluster drops below the buybox div. Here is a link to it..http://www.gingerlandtropicals.com/ZenCart/index.php?main_page=product_info&cPath=1&products_id=1

add the class forward like this:```

<div id="cartAdd" class="forward"> ```

and to head off the next question you then need to remove the two <br> that are not far past that to get the quantity box to come down next to the add to cart button

You are definitely getting me closer...the light is getting brighter at the end of the tunnel.:cool:

As you can see, using the previous link, the "add to cart" cluster is now to the right, on the same line. Thank you....

When I use the Firefox Developer tools and click on miscellaneous/edit html, I can see the <br> tags you are talking about, I remove them and when I click on the "apply" icon, I can, for a brief moment only, see a flash that the layout works, but then it reverts back as if I made no changes. Could this be a permissions problem?

Also, in order that I actually learn and not just follow instructions blindly, as I make these changes, would you tell me what removing the clearBoth lines did, as well as adding "class=forward" to the addCart div did. This will help me so that when the day comes I reach the numerous posts and learning level you and others are at, I too, will be able to give back to this forum.

Thanks...

the <br class="clearboth" > were keeping anything from being on the same line(left or right) with the attributes. the two <br> tags are in the tpl_product_info_display.php file, you need to remove them from that file. their purpose is to stack the the quanity box and the add to cart button, with out them the two will be side by side.
the class="foward" references this in the stylesheet:```
.forward, #shoppingCartDefault #PPECbutton {
float: right;
}

the float: right; moves the div to which it is applied to the far right of its container

anymore question class......no, ok everybody off to recess:P

clydejones:

Creating a "centercolumnFooter" in v1.3.7 is (at least for me) is a three step process.

1. create the following declaration in your stylesheet.css

#centercolumnFooter {
margin: 0;
padding: 0;
}

2. in includes/languages/english/extra_definitions/YOUR_TEMPLATE
   create a new file centercolumn_footer_defines.php

define ('CENTERCOLUMN_FOOTER_TEXT','You can place any text you want here'};

3. open includes/templates/YOUR_TEMPLATE/templates/tpl_index_default.php

scroll to the bottom of the file and at around line 81 (in my copy) just above the </div>

insert the following statement:

<div id="centercolumnFooter"><?php echo CENTERCOLUMN_FOOTER_TEXT; ?> </div>

Save all of the files and upload them to your server.

if the above three steps do not work, then add this fourth step also

Try adding <div id="centercolumnFooter"><?php echo CENTERCOLUMN_FOOTER_TEXT; ?> </div>


to tpl_index_categories.php and see what happens.

These 4 steps worked perfectly for me. I was able to control the text style and position in the css file.

I have a question that goes back a few posts, again about the centercolumn_footer_defines.php file.

It works 100% when using plain text. You can control how it looks with css. My question is, how can I add something more complicated to centercolumn_footer_defines.php? For example, I would like to call a script that parses rss feeds into my centercolumn footer. The html that calls the script is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 650px;
height: 1.2em;
border: 1px dashed black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 650px;
height: 90px;
border: 1px solid black;
padding: 5px;
background-color: #F0F0F0;
}

.rssclass .rsstitle{
font-weight: bold;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}

</style>

<script type="text/javascript" src="rsspausescroller.js">

</script>

</head>

<body>

<script type="text/javascript">

//new rsspausescroller(RSS_id, divId, divClass, delay, linktarget, optionalswitch)
//1) RSS_id: "Array key of RSS feed in scrollerbridge.php script"
//2) divId: "ID of DIV to display ticker in. DIV is dynamically created"
//3) divClass: "Class name of this ticker, for styling purposes"
//4) delay: delay between message change, in milliseconds
//5) linktarget: Target of links inside RSS feed. Set to "" for current page.
//6) optionalswitch: "optional arbitrary" string to create additional logic for formatrssmessage() to use.
//   By default, optionalswitch supports "date", or "date+description" to also show these parts of a RSS feed.

new rsspausescroller("cnn", "pscroller1", "rssclass", 3000, "_new")

document.write("<br />") //add a divider for demo

new rsspausescroller("dynamicdrive", "pscroller2", "rssclass", 3000, "", "date+description")

</script>
 
</body>

</html>

But when I add this as is to centercolumns_footer_defines.php, it breaks the cart and everything goes blank.

Any ideas?