Alignment of price in columnar products

[Beth-katherine]

Hi. I list my products in two columns instead of rows, would love to have 3 columns and get rid of the sidebox altogether but I think I will have to switch templates in order to do that (which means upgrading, sigh). If there is an easy way to do this please let me know.

Here is my main question. On my products display page the price of the product is right next to the image and I would prefer it to be directly underneath the image and above the mini description, where do I add in a <br> in the coding to do this? I have been looking at the tpl_columnar_display page but it's all PHP TO ME,


Beth-Katherine

[econcepts]

Hi. I list my products in two columns instead of rows, would love to have 3 columns and get rid of the sidebox altogether but I think I will have to switch templates in order to do that (which means upgrading, sigh). If there is an easy way to do this please let me know.

Here is my main question. On my products display page the price of the product is right next to the image and I would prefer it to be directly underneath the image and above the mini description, where do I add in a <br> in the coding to do this? I have been looking at the tpl_columnar_display page but it's all PHP TO ME,


Beth-Katherine

Beth,

You don't have to switch templates to remove the columns. You can use the native "column overrides" feature of zen cart to remove them. If you want them removed through out the entire site, you can do this from with in the admin (configuration / Layout).

If you want to only remove the columns on select pages, then you can do this using the "tpl_main_page.php" file (look at the top of that page for commented out instructions on how to perform it). You can find this file in "includes/templates/[your template]/common/" folder.

For altering the product info page, you would need to look at the following file "tpl_product_info_display.php" found in the "includes/templates/[your template]/templates/" folder.

[gjh42]

Can you post a link to your site? It sounds like you are talking about moving the price in the listing rather than the info page. Is this correct?

[Beth-katherine]

Can you post a link to your site? It sounds like you are talking about moving the price in the listing rather than the info page. Is this correct?

Cool that you answered. now I can ask all my questions at once.

I want to accomplish 3 things.

First I know how to turn off the right column but want to know how to widen the center column to absorb the space of the turn off right column. Like the way the template Comstock works. Is this trick done in the CSS?

Second. The price of the product is sitting to the right of the images on the products category page, I want them to move down under the image ... alignment centered.

Third, and a new question. I'm using your Categories Dressing mod which seems to be taking up a good 1/4" of space creating gaps in my category titles, how do I adjust this measurement? Also how do I center or indent the words of the category's title when it contains more than one word.

Here's my site, dressed in red, white and blue tonight - will change colors tomorrow. I'm not happy with the way it looks but the doors are open and customers are shopping.

https://www.smockingbooks.com

Beth-katherine

P.S. My front door is a bit messy, am readjusting my webbing to php and the new style of websites. I'm using Cherry Zen but am thinking of switching to Comstock or another one that is styled via separate stylesheets.

Click on any category on the books department and see what I mean about all my questions.

[gjh42]

When you turn off the right column (not just the boxes) in admin, the center will automatically expand to fill the space. You need to set Configuration > Layout Settings > Column Width - Right > set to blank.

To move the price, add to your stylesheet

.listingPrice {display: block;}

smockingbooks.com is not using Categories Dressing, it is using BetterCategoriesEZInfo.

[Beth-katherine]

When you turn off the right column (not just the boxes) in admin, the center will automatically expand to fill the space. You need to set Configuration > Layout Settings > Column Width - Right > set to blank.

To move the price, add to your stylesheet

.listingPrice {display: block;}

smockingbooks.com is not using Categories Dressing, it is using BetterCategoriesEZInfo.

#1 - I tried this and it doesn't work, column is gone but the center didn't fill the space. I'm using 1.37 if that makes a difference - any idea why it didn't work?

#2 - worked like a dream - hugs and kisses

#3 - my bad, can't remember what I am using ... need to write it all down.

Beth-Katherine

[Beth-katherine]

Beth,

You don't have to switch templates to remove the columns. You can use the native "column overrides" feature of zen cart to remove them. If you want them removed through out the entire site, you can do this from with in the admin (configuration / Layout).

If you want to only remove the columns on select pages, then you can do this using the "tpl_main_page.php" file (look at the top of that page for commented out instructions on how to perform it). You can find this file in "includes/templates/[your template]/common/" folder..

Hi Eric, thanks for answering I am most appreciative.

I'm a bit confused still as to how to do this am reading but can't figure it out. Any chance you could do a step by step for me?

Here is what I found on my tpl_main_page.php

* to override the global settings and turn off columns un-comment the lines below for the correct column to turn off<br />
* to turn off the header and/or footer uncomment the lines below<br />
* Note: header can be disabled in the tpl_header.php<br />
* Note: footer can be disabled in the tpl_footer.php<br />
* <br />
* $flag_disable_header = true;<br />
* $flag_disable_left = true;<br />
* $flag_disable_right = true;<br />
* $flag_disable_footer = true;<br />
* <br />
* // example to not display right column on main page when Always Show Categories is OFF<br />
* <br />
* if ($current_page_base == 'index' and $cPath == '') {<br />
* $flag_disable_right = true;<br />
* }<br />
* <br />
* example to not display right column on main page when Always Show Categories is ON and set to categories_id 3<br />
* <br />
* if ($current_page_base == 'index' and $cPath == '' or $cPath == '3') {<br />
* $flag_disable_right = true;<br />
* }<br />


I'm not sure what I want to do here.

Beth-katherine

[gjh42]

Misremembered the setting name - the correct place to turn off the right column is
Layout Settings > Column Right Status - Global

[Beth-katherine]

Misremembered the setting name - the correct place to turn off the right column is
Layout Settings > Column Right Status - Global

Didn't work, drat.

There is a background to the right sidebox which still shows when I turn off that switch. Could this be an upgrade for 1.38?

[gjh42]

That setting has been there since v1.2.5 at least. It should work. Actually, it is working.

If you want the shopping cart in the right sidebar, you will have to keep it enabled.

Your template's stylesheet has

.outer {
	padding-left: 165px; /* Same width as margin-left for the float-wrap div */
	padding-right: 150px; /* Our right column width */
	}

which prevents the center column from expanding to the right even when the right sidebar is disabled. The background image probably has the right sidebar borders built in, and not under #navColumnTwo, so they stay when it is gone.