Cherry Zen Template Support Thread

Hi:

Am using this template and it's awesome, specially how you have several in one via colours.

Anyway, I want to try to rearrange my product info page.

At the moment I have a few things unavailable but I still want people to have the option of ordering them.

I have changed the available date but it appears down the very bottom of the page and would like to move this notice maybe under the Add to Cart button or as a bullet point where `manufacturer' is.

What file(s) am I trying to find to edit and achieve this?

Thanks
Ernie

Two questions

How do I expand the width of the left column?

When I disable modules from the right colum, the grey background of the colum still shows up and the space is not used by the centre column. How can I change this?

Quote:

---

Originally Posted by esugrue

Hi:

Am using this template and it's awesome, specially how you have several in one via colours.

Anyway, I want to try to rearrange my product info page.

At the moment I have a few things unavailable but I still want people to have the option of ordering them.

I have changed the available date but it appears down the very bottom of the page and would like to move this notice maybe under the Add to Cart button or as a bullet point where `manufacturer' is.

What file(s) am I trying to find to edit and achieve this?

Thanks
Ernie

---

Try looking in the includes/templates/cherry_zen/templates/tpl_product_info_display.php. Its nicely segregated into sections; you should be able to find the date available section, and move it where you want it.

Quote:

---

Originally Posted by maraud

Two questions

How do I expand the width of the left column?

When I disable modules from the right colum, the grey background of the colum still shows up and the space is not used by the centre column. How can I change this?

---

From the readme, TIPS section:

Code:

---

3. To have ONLY left sideboxes, open up includes/templates/cherry_zen/css/stylesheet.css and remove the padding-right from the .outer section:

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

and remove the background image from #contentMainWrapper.

---

To change the width of the left column, open up the admin, and change the left column width under "Configuration", "Layout Settings".

Lets say you increase the width to 170px (20px more - the original is 150px), you'll need to open up includes/templates/cherry_zen/css/stylesheet.css and change all of the instances of 165px in the section below, to 185px (20 px more):

Code:

---

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

.float-wrap {
        float: left;
        width: 97%;
        margin-left: -165px; /* Same length as .outer padding-left but with negative value */
        }

#content {
        float: right;
        margin-right: -165px; /* Same length as .outer padding-left but with negative value */
        width: 100%;
        line-height:1.6;
        position: relative; /* IE needs this  */
        }

---

NOW, the grey background behind the sidebox will still be 150px wide, so you need to open up includes/templates/cherry_zen/images/sidebox.gif and change it to 170px wide, and re-upload the changed image.

Great Template!!

How do I change the item description font styles? So I can add the description when I create a new product and all of the descriptions on the site have the same style? Such as arial font bold font size and color?

Thanks!!

Hi Jade and fellow Zenners,

I hope that you have had a nice holiday season and happy new year!

I've been wrestling with this little cross-browser compatibility issue for a while and I am hoping that you will be able to help me figure it out.

When I have product attributes the attributes box on the product_info_display page looks fine in IE6 and 7, I have the option names set to "3" so the image appears above the text and radio button. But in Firefox 2.0.0.2/Netscape 9/Opera 9.25 the radio button is way off to the left.

I've attached a few screenshots to show what's happening, and if you want to see it live go to http://www.drumfactorydirect.com/ind...oducts_id=1910

I've been messing around with the stylesheet, tpl_modules_attributes.php and modules/attributes.php but I can't get the radio button to get closer to the image and option value/price like it is in IE6/7.:frusty: It's almost like there is some hidden field that is blocking the radio box from moving closer to the image/name/price.

Do you have any ideas as to what needs to be done to get it to look somewhat better? It doesn't have to be exactly like IE6/7 but it's so far away from the rest of the attribute info that it can be a little confusing as to which radio button goes with which attribute.

Thanks for any help!

Matt

Quote:

---

Originally Posted by RtX

Hi,
I want to put a background image behind my logo and sales tag line (in the same space at the top of the page). Can anyone tell me how/what I need to do and if there is anything I should be aware of , for example, resolution or size-wise?

---

(I am using Cherry Zen template). Anyone able to help me?
TIA,
RtX

Quote:

---

Originally Posted by lankeeyankee

Hi Jade and fellow Zenners,

I hope that you have had a nice holiday season and happy new year!

I've been wrestling with this little cross-browser compatibility issue for a while and I am hoping that you will be able to help me figure it out.

When I have product attributes the attributes box on the product_info_display page looks fine in IE6 and 7, I have the option names set to "3" so the image appears above the text and radio button. But in Firefox 2.0.0.2/Netscape 9/Opera 9.25 the radio button is way off to the left.

I've attached a few screenshots to show what's happening, and if you want to see it live go to http://www.drumfactorydirect.com/ind...oducts_id=1910

I've been messing around with the stylesheet, tpl_modules_attributes.php and modules/attributes.php but I can't get the radio button to get closer to the image and option value/price like it is in IE6/7.:frusty: It's almost like there is some hidden field that is blocking the radio box from moving closer to the image/name/price.

Do you have any ideas as to what needs to be done to get it to look somewhat better? It doesn't have to be exactly like IE6/7 but it's so far away from the rest of the attribute info that it can be a little confusing as to which radio button goes with which attribute.

Thanks for any help!

Matt

---

Remove .attribImg from this long line in the css.

Code:

---

#cartProdTitle,.centeredContent,TH,#cartEmptyText,#cartBoxGVButton,#cartBoxEmpty,#cartBoxVoucherBalance,#navCatTabsWrapper,#navEZPageNextPrev,#bannerOne,#bannerTwo,#bannerThree,#bannerFour,#bannerFive,#bannerSix,#siteinfoLegal,#siteinfoCredits,#siteinfoStatus,#siteinfoIP,.center,.cartRemoveItemDisplay,.cartQuantityUpdate,.cartQuantity,.cartTotalsDisplay,#cartBoxGVBalance,.leftBoxHeading,.centerBoxHeading,.rightBoxHeading,.productListing-data,.accountQuantityDisplay,.ratingRow,LABEL#textAreaReviews,#reviewsInfoDefaultProductImage,#productReviewsDefaultProductImage,#reviewWriteMainImage,.centerBoxContents,.specialsListBoxContents,.categoryListBoxContents,.additionalImages,.centerBoxContentsSpecials,.centerBoxContentsAlsoPurch,.centerBoxContentsFeatured,.centerBoxContentsBestSellers,.centerBoxContentsNew,.gvBal,.attribImg,#linksboxContent {
text-align:center;
}

---

Quote:

---

Originally Posted by CarolinaReefs

Great Template!!

How do I change the item description font styles? So I can add the description when I create a new product and all of the descriptions on the site have the same style? Such as arial font bold font size and color?

Thanks!!

---

You can change the product description's font with this tag in the css:

#productDescription {
font-weight:bold;
}

Of course adding whatever font style you like. :cool:

[quote=jettrue;490673]From the readme, TIPS section:

Code:

---

3. To have ONLY left sideboxes, open up includes/templates/cherry_zen/css/stylesheet.css and remove the padding-right from the .outer section:
 
.outer {
padding-left: 165px; /* Same width as margin-left for the float-wrap div */
padding-right: 150px; /* Our right column width */
}
 
and remove the background image from #contentMainWrapper.

---

Thanks