Printable View
Jettrue,
Is there a way to remove or reduce the space that surrounds the template?
I would like to remove the space above the main nav and outside the left and right sideboxes. Can it be removed or reduced to a minimum value? I was looking for the obvious quick solution like (template spacing=1px). Can you point me in the right direction?
Thank you for taking the time to put together a wonderful template.
Dannie
MySite Link
To increase the width of the template, open up includes/templates/cherry_zen/templates/stylesheet.css and find the section that starts with:Quote:
Originally Posted by Dannie
/* site and main content width section */
and change the width of #nw.
The space at the top is controlled by the margin-top for body:
body {
font-family: "Lucida Grande", tahoma, verdana, arial, helvetica, sans-serif;
font-size:73.5%;
margin-top:20px;
}
looking into a fix, sorry short on time at the moment.Quote:
Originally Posted by onesimpleman
hi jettrue;
i have the admin feature show cart after adding a product set to false so the customer stays on the product page, but the box that says "successfully added product to the cart... doesn't show anywhere. how can i get that box to show at the top of product page (middle column)?
thanks!
This is exactly what the template is designed to do (and works fine on my test site). Make sure that your includes/templates/cherry_zen/common/tpl_main_page.php still has this section (approx. line 77-91):Quote:
Originally Posted by gsdcypher
<div class="contentWrap">
<?php
// Display all header alerts via messageStack:
if ($messageStack->size('header') > 0) {
echo $messageStack->output('header');
}
if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
echo htmlspecialchars(urldecode($_GET['error_message']));
}
if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
echo htmlspecialchars($_GET['info_message']);
} else {
}
?>
yep it seems to be there. this is the code from lines 73-101. also when there is no item in the cart the side columns touch the nav bar (no gap). but when you add an item to the cart, it creates a small gap between the side columns and the nav bar... maybe that has something to do with it???
thanks!Code:
/**
* prepares and displays header output
*
*/
if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_HEADER_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {
$flag_disable_header = true;
}
require($template->get_template_dir('tpl_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_header.php');?>
<div id="contentMainWrapper">
<div id="contentMainWrapperb">
<div class="outer">
<div class="inner">
<div class="float-wrap">
<div id="content">
<div class="contentWrap">
<?php
// Display all header alerts via messageStack:
if ($messageStack->size('header') > 0) {
echo $messageStack->output('header');
}
if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
echo htmlspecialchars(urldecode($_GET['error_message']));
}
if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
echo htmlspecialchars($_GET['info_message']);
} else {
}
?>
Hi there, sorry to bother you again..
Just having a little issue with the shopping cart and specials sideboxes, the product names are displaying all in one line when the names are long and it is causing the side boxes to widen and then drop down below the main content. I am running 170px width and, since you helped me last time, it has been fine without hassle.
Do you have text defined for the add to cart message, in includes/languages/cherry_zen/english.phpQuote:
Originally Posted by gsdcypher
Something like this?
define('SUCCESS_ADDED_TO_CART_PRODUCT', 'Successfully added Product to the cart ...');
yep lines 387 to 390
weird huh?Code:// for all pages except where multiple add to cart is used:
define('SUCCESS_ADDED_TO_CART_PRODUCT', 'Successfully added Product to the cart ...');
// only for where multiple add to cart is used:
define('SUCCESS_ADDED_TO_CART_PRODUCTS', 'Successfully added selected Product(s) to the cart ...');
How do you change the grey i nthe side boxes under like categories
Well, then I'm not sure what the issue is, but I'm pretty sure its not the template. Maybe if you ask in the general forum, someone might have more advice for you. I've seen an error message pop up when I've tried adding a product to your cart without choosing an option, so we know the code "can" work, but for some reason its not working for the cart. I would maybe also suspect some of the extra scripting you have on your site might be conflicting.Quote:
Originally Posted by gsdcypher
hi jettrue;
thanks. i will ask in the general forum. any idea on which files to scrutinize for the problem?
also, any idea why the gap shows between the side columns and the nav bar after adding an item to the cart (but not before)? and how to change that???
thanks.
HI all,
any idea how to increase the product image width/height in the homepage? i tried in the admin-configuration-images.....
but no luck.
Are you talking about the category imagea? That is done where you were, change:Quote:
Originally Posted by sunny747
Subcategory Image Height
IF you are talking about the "featured" or "New products" on the home page, those are changed by the:
Small Image Height
in the header search, how are people supposed t osearch if there is no search button there just the field
Thank you so much. Turns out I had to also do the same thing for the css stylesheet backup for it to work but it did work. Again thank you for that.Quote:
Originally Posted by jettrue
What I was asking earlier was about link exchanging. I have a page where my banner is displayed for people to add my banner to their site. My problem is that when I enter in the code it only shows my banner and I want the code to show up as well as the banner.
example: http://www.zen-cart.com/index.php?ma...es&pages_id=12
how do I get just the code to show up? This is what I currently have:
http://personalized2perfection.net/i...d=17&chapter=0
Not sure if I should post this here but how does one have text next to a pic?
Let's say I want a picture to be in the left side and on the right of it I want text.
as of now I can only have a picture and then text underneath forcing me to have to center the pic so it looks alright.
http://personalized2perfection.net
there is a pic on my home page that I want to the side (pic of woman and children) with the comment off to the side of the pic.
I also tried to make my side boxes larger but only the blue titles get larger. I try to extend the grey and it will only disappear. What I am trying to do is have each category on one line instead of two...same site:
http://personalized2perfection.net
on the side personalized gifts for kids is on two lines instead of one. is there a way to make the text smaller or make the grey larger without making it disappear?
Most people know that you enter the text and press enter, many sites are forgoing the search button now, most notably http://www.apple.comQuote:
Originally Posted by CnTGifts
Enter the "<" symbol as < and the ">" symbol as >Quote:
Originally Posted by ashton0603
Hi,Quote:
Originally Posted by ashton0603
To get an image to the left, with text to the right, you can add align="left" to the image:
<img src="imagename.jpg" alt="alttext" width="40" height="50" align="left" />
To make the sideboxes bigger, you also have to increase the width of the grey image background behind the sideboxes (includes/templates/cherry_zen/images/sidebox.gif) Open it in an image editing software, enlarge it, and re-upload. Read the readme.txt for FULL details on enlarging the sideboxes (there's other changes that need to be made as well).
thanks for helping for being able to list the code so people can just copy and paste it...Quote:
Originally Posted by jettrue
I think I will pass on the extending the grey section. It isn't that important and I think I will mess things up. I am loving this template more and more though...thanks!
Hi,
Not sure if you can help me but I hope you can, I have just installed the Cherry Zen Template onto my other site www.electronic-web.combut for some reason the side boxes don't fit in the page etc with whats in them also the menu on the left of the site is down the bottom of the page?
How do I fix this?
Thanks,
Adam.
You need to re-read the install instructions in the readme.txt. In there it states that when installing the template, you need to change your sidebox widths to 150px, and if you'd like them wider, the readme.txt also includes instructions for making them wider.Quote:
Originally Posted by Adds
It seems that you made changes to the original sidebox.gif (you made it 170px wide), but the first issue is that you saved it as a .png with a .gif name (that will cause problems), and the second issue is that you didn't make it grey all the way across, it is white on the left and right edges, that is why there is white on the website on the edges in the sideboxes. Also, if you want your sideboxes to be 170px wide, you have to change it in "configuration", "Layout settings". Remember that for both the left and right sideboxes you have to enter "170px" in two places.
Anyway, please re-read the readme.txt, it should be able to help you sort out the issue. If you need me to post a 170px wide sidebox.gif, I can do that for you.
Thanks for your reply, I'm still not sure how to fix this and get the left menu to the top as well?Quote:
Originally Posted by jettrue
My code for the stylesheet is as follows:
Code:/**
* Main CSS Stylesheet
*
* @package templateSystem
* @copyright Copyright 2003-2007 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
*/
/* This section controls the colors for the site. Change red (default) to one of these options: orange, yellow, green, blue, purple, or grey) */
input#searchTop {
background: url("../images/red/rounded-search-input-top.gif") top left no-repeat;
}
#navMainWrapper {
background:url("../images/red/header.gif");
}
h3.leftBoxHeading, h3.rightBoxHeading {
background: url("../images/red/sideboxbg.gif");
}
#navMain a {
background:url("../images/red/tableftE.gif") no-repeat left top;
}
#navMain a span {
background:url("../images/red/tabrightE.gif") no-repeat right top;
}
#navMain a span.last {
background:url("../images/red/tabrightE_last.gif") no-repeat right top;
}
/* end main color changes */
/* other background color or image changes */
body {
background:#84A4C1; /* main site background color, blue default */
}
#headerWrapper {
background:#ffffff; /* background color behind logo and sales text, white default */
}
input:focus, select:focus, textarea:focus {
background:#e0e8ef; /* background color for input boxes, light blue default */
}
.messageStackWarning, .messageStackError {
background:#990000; /* background color for warning messages, red default */
}
.messageStackSuccess {
background:#929292; /* background color for success messages, grey default */
}
.messageStackCaution {
background:#FFFF99; /* background color for caution messages, yellow default */
}
#cartSubTotal, h2.centerBoxHeading, .rowOdd {
background:#e8e9e9; /* background color for the New Product, Featured Products and Specials heading, odd listings, and for the subtotal section in the cart, light grey default */
}
TR.tableHeading {
background:#cacaca; /* background color for various table headings (including shopping cart heading), medium grey default */
}
.rowEven {
background:#F0F0F0; /* background color for even listings, very light grey default */
}
#navEZPagesTop {
background:url("../images/ezbg.gif") repeat-x; /* grey background image behind ezpages section */
}
#contentMainWrapper {
background:url("../images/sidebox.gif") 100% 0 repeat-y; /* This is the right column background "faked" with an image. */
background-color:#ffffff; /*background color for the main "content" of the site */
}
#contentMainWrapperb {
background: url("../images/sidebox.gif") 0 0 repeat-y; /* This is the left column background "faked" with an image. */
}
input.search {
background: url("../images/rounded-search-input.gif") top left no-repeat; /* rounded search image for the search sidebox */
}
/* font color changes */
body {
color:#000000; /* main site font color*/
}
a:link {
color:#4f4f4f; /* main site links color */
text-decoration:none;
}
a:visited {
text-decoration:none; /* color of links after customer has visited them */
color:#313131;
}
a:hover {
color:#000000; /* color when links are hovered over */
text-decoration:none;
}
h3.leftBoxHeading, h3.rightBoxHeading {
color:#ffffff; /* right and left box heading color */
}
.leftBoxHeading a, .rightBoxHeading a {
color:#ffffff; /* right and left box LINK heading color */
}
.leftBoxHeading a:hover, .rightBoxHeading a:hover {
color:#E8E9E9; /* right and left box LINK heading color when hovered over*/
}
#navMain a span {
color:#ffffff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. */
}
#navMain a:hover span {
color:#ffffff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. when hovered over */
}
#tagline {
color:#333333; /* tagline text color */
}
#productPrices {
color:#9F1C00; /* color of price */
}
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount, .alert {
color:#990000; /* color of sale prices and alerts */
}
.messageStackWarning, .messageStackError {
color:#ffffff; /* color of warning message text */
}
/* end of site font color changes */
/* site and main content width section */
html>body {
width: auto;
}
#nw {
width:80%; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */
max-width:1300px; /* prevents the main content from getting wider than 1300px in sites other than IE */
min-width:1000px; /* this prevents the main content from getting smaller than 1000px in browsers OTHER THAN IE. You can make this as small as 800px, BUT any smaller than that, and the top header menu will break into two lines. Also, if you make this width 800px, you will need to make sure your product image on the product info page is no wider than 190px */
}
/* IE only. Controls Width of Site and Main Content*/
* html #nw {
width:expression((d=document.compatMode=="CSS1Compat" ? document.documentElement : document.body) && (d.clientWidth > 1300? "1300px" : d.clientWidth > 1048? "80%" : d.clientWidth < 1048? "1000px" : "80%")); /* this prevents the site from getting smaller than 1000px or wider than 1300px in IE */
}
/* end IE only */
/* end site and main content width section */
/*wrappers - page or section containers*/
#nw {
text-align:left;
vertical-align:top;
margin:0 auto;
}
#headerWrapper {
float:left;
width:100%;
}
#navMainWrapper {
height:32px;
width:100%;
font-size:12px;
}
#logoWrapper {
width:auto;
}
#logo {
float:left;
padding-left:15px;
text-align:center;
}
#taglineWrapper {
width:75%;
float:left;
}
#tagline {
font-size:1.1em;
font-weight:bold;
text-align:center;
padding:25px 8px 35px 8px;
}
#navEZPagesTop {
font-weight:bold;
width:auto;
padding:7px 0;
}
#navEZPagesTop a {
padding:0 8px;
}
#contentMainWrapper {
line-height:1.4;
min-height: 100%;
}
#contentMainWrapperb {
min-height: 100%;
}
* html #contentMainWrapper {
height: 100%;
}
.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 */
}
.contentWrap{
padding: 5px 0 5px 5px;
}
#navColumnOne {
float: left;
position: relative; /* IE needs this */
}
#navColumnTwo {
float: right;
margin-right: -150px; /* This negative margin-right value is in this example the same as the right column width. */
position: relative; /* IE needs this */
}
* html #navColumnTwo {
margin-right: -170px !important; /* Fixes IE6 Issue */
}
/* end wrappers - page or section containers*/
* {
margin:0;
padding:0;
}
body {
font-family: "Lucida Grande", tahoma, verdana, arial, helvetica, sans-serif;
font-size:73.5%;
margin-top:20px;
}
a img {
border:none;
}
ul, ol {
text-align:left;
padding-left:25px;
margin-left:10px;
margin-bottom:10px;
}
h1 {
font-size:1.3em;
}
h2 {
font-size:1.2em;
}
h3 {
font-size:1.1em;
}
h4, h5, h6, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger {
font-size:1.0em;
}
LEGEND {
color:#333;
}
.biggerText {
font-size:1.1em;
}
h1, h2, h3, h4, h5, h6 {
margin:.3em 0;
}
CODE {
font-family:tahoma, arial, verdana, helvetica, sans-serif;
font-size:1em;
}
FORM, SELECT {
display:inline;
font-size:1em;
margin:.5em;
}
option {
padding-right:.5em;
}
INPUT{
margin:.3em .5em;
}
html>/**/body input[type=checkbox], html>/**/body input[type=radio] {
float:left;
clear:both;
}
html>/**/body .checkboxLabel, html>/**/body .radioButtonLabel {
margin:0 .2em .5em 0;
float:left;
}
.ratingRow input[type=radio]{
float:none;
margin:0 .5em;
}
TEXTAREA {
margin:auto;
display:block;
width:95%;
}
FIELDSET {
padding:.5em;
margin:.5em 0;
border:1px solid #cccccc;
}
LEGEND {
font-weight:bold;
padding:.3em;
}
h4.optionName {
padding-right:1em;
}
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float:left;
}
LABEL.inputLabel {
width:90%;
float:left;
margin:.3em;
}
LABEL.inputLabelPayment {
width:15em;
float:left;
padding:.5em;
}
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
width:12em;
float:left;
}
ADDRESS {
font-style:normal;
padding-right:40px;
}
.clearBoth {
clear:both;
height:0;
font-size:0;
line-height:0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
HR {
height:1px;
margin:.5em 0;
border:none;
border-bottom:1px solid #9a9a9a;
}
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
padding:.2em;
}
/* product info page css */
#cartAdd {
width:125px;
text-align:center;
margin:10px auto;
float:right;
padding-right:10px;
}
#cartAdd input {
margin:.3em 0 0 0;
}
#productDescription {
border:1px solid #bfbfbf;
margin-top:20px;
clear:both;
}
#rightFloat {
float:left;
width:45%;
}
#leftFloat {
float:left;
text-align:center;
}
#productDetailsList {
float:left;
}
ul#productDetailsList {
}
#productAttributes {
width:100%;
float:left;
border:1px solid #bfbfbf;
padding-left:5px;
margin:5px 0 0 10px;
}
#productImage {
margin:0 auto;
text-align:center;
}
.imgLink {
text-align:center;
margin:0 auto;
display:block;
width:100%;
}
#friendReview {
width:200px;
padding:15px 0 10px 0;
float:left;
clear:left;
text-align:left;
}
.reviewCount {
float:left;
padding-left:2px;
}
#productReviewLink {
padding:5px 0;
}
.wrapperAttribsOptions {
line-height:2em;
width:auto;
float:left;
}
.wrapperAttribsOptions h4 {
padding-right:15px;
}
/* end product info page css */
/* css for top menu tabs */
#navMain {
float:right;
width:750px;
line-height:normal;
}
#navMain ul {
float:right;
list-style:none;
}
#navMain li {
display:inline;
}
#navMain a {
float:left;
text-decoration:none;
}
#navMain a span {
float:left;
display:block;
padding:7px 15px 10px 15px;
text-align:center;
width:90px;
cursor:pointer;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navMain a span {float:none;}
/* End IE5-Mac hack */
#navMain a:hover {
background-position:0% -32px;
}
#navMain a:hover span {
background-position:100% -32px;
}
/* end css for top menu tabs */
.navNextPrevWrapper {
margin-bottom:1em;
}
.navPrevCounter {
font-size:.9em;
}
.navNextPrevList {
display:inline;
white-space:nowrap;
padding:0 1em;
list-style-type:none;
position:relative;
}
#navSuppWrapper {
width:100%;
margin:0 auto;
float:left;
}
#navSupp {
margin:0 auto;
text-align:center;
padding-top:1em;
}
#navSupp ul {
list-style-type:none;
text-align:center;
line-height:1.5em;
padding: .3em 0;
}
#navCatTabs ul {
list-style-type:none;
text-align:center;
}
#navSupp li, #navCatTabs li {
display:inline;
padding:0 .5em;
}
#navSupp ul li a, #navCatTabs ul li a {
text-decoration:none;
white-space:nowrap;
display:inline;
font-weight:bold;
width:0;
}
#navEZPagesTOCWrapper {
font-weight:bold;
float:right;
height:1%;
border:1px solid #000000;
}
#navEZPagesTOC ul {
padding: .5em 0;
list-style-type:none;
line-height:1.5em;
}
#navEZPagesTOC ul li {
white-space:nowrap;
}
#navEZPagesTOC ul li a {
padding:0 .5em;
}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin:.5em;
}
#navMainSearch {
float:left;
width:120px;
}
input.search {
border: 0;
width: 100px; /* width of text-display area */
padding: 3px 15px 4px 20px;
font-size: 11px;
}
input#searchTop {
border: 0;
width: 115px; /* width of text-display area */
padding: 4px 15px 5px 20px;
font-size: 12px;
}
* html input#searchTop {
background-attachment: fixed;
}
#navBreadCrumb {
text-align:left;
line-height:1.6em;
font-size:.95em;
padding:.2em 0;
}
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align:top;
}
#productDescription, .shippingEstimatorWrapper {
padding:.5em;
}
.important {
font-weight:bold;
padding:.5em;
}
.gvBal {
float:right;
}
#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding:.8em;
}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
font-size:.9em;
}
#siteinfoLegal {
padding-bottom:1em;
clear:both;
}
.tableHeading TH {
border-bottom:1px solid #cccccc;
}
#cartSubTotal {
border-top:1px solid #cccccc;
font-weight:bold;
text-align:right;
line-height:2.2em;
padding-right:2.5em;
}
.tableRow, .tableHeading, #cartSubTotal {
height:2.2em;
}
.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
padding:.5em 0 0;
}
#cartProdTitle {
text-align:center
}
.cartUnitDisplay, .cartTotalDisplay {
text-align:center;
padding-right:.2em;
}
.cartRemoveItemDisplay input[type=checkbox] {
float:none;
margin-bottom:1em;
}
#scUpdateQuantity {
width:1.8em;
}
#scProductsHeading {
padding-left:2em;
}
.cartQuantity {
width:4em;
}
.cartNewItem {
position:relative; /*do not remove-fixes stupid IEbug*/
}
.cartOldItem {
position:relative; /*do not remove-fixes stupid IEbug*/
}
.cartBoxTotal {
text-align:right;
font-weight:bold;
padding-right:10px;
}
.cartRemoveItemDisplay {
width:5em;
}
.cartAttribsList {
margin-left:1em;
}
#mediaManager {
width:50%;
margin:.2em;
padding:.5em;
}
.mediaTitle {
float: left;
}
.mediaTypeLink {
float: right;
}
.normalprice, .productSpecialPriceSale {
text-decoration:line-through;
}
.orderHistList {
margin:1em;
padding:.2em 0;
}
#ezPageBoxList li{
padding:.2em 0;
}
#cartBoxEmpty, #cartBoxVoucherBalance {
font-weight:bold;
}
.totalBox {
width:5.5em;
text-align:right;
padding:.2em;
}
.lineTitle, .amount {
text-align:right;
padding:.2em;
}
.amount {
width:5.5em;
}
#reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin:.5em 1em 0 0 ;
}
#cartImage {
margin:.5em 1em;
}
.attribImg {
width:20%;
margin:.3em 0;
}
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
margin:1em 0;
}
.centerBoxContentsProducts {
margin:0 auto;
text-align:center;
width:95%
}
h3.leftBoxHeading, h3.rightBoxHeading {
font-size:1.1em;
font-weight:normal;
height:1.5em;
padding:.2em 0 0 0;
}
h2.centerBoxHeading {
margin:5px auto;
padding:.5em 0;
text-align:center;
border:1px solid #bababa;
line-height:normal;
width:100%;
}
.leftBoxHeading, .rightBoxHeading {
}
.sideBoxContent {
font-size:1.1em;
padding:5px;
}
.sideBoxContent ul {
text-align:left;
list-style-type:none;
padding:0 0 0 10px!important;
margin:0!important;
}
.sideBoxContent li {
}
#categoriesContent, #documentcategoriesContent {
text-align:left;
padding-left:10px;
}
.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, .centerBoxContentsNew, .gvBal, .attribImg {
text-align:center;
}
.productListing-data img {
padding:10px;
}
#upProductsHeading {
text-align:left;
}
#upDateHeading {
text-align:right;
}
/*misc*/
.back {
float:left;
}
.forward, #shoppingCartDefault #PPECbutton {
float: right;
}
.bold {
font-weight:bold;
}
.rowOdd {
height:1.5em;
vertical-align:top;
}
.rowEven {
height:1.5em;
vertical-align:top;
}
.hiddenField {
display:none;
}
.visibleField {
display:inline;
}
#accountLinksWrapper li {
padding:.5em 0;
display:block;
list-style:none;
}
.accountTotalDisplay, .accountTaxDisplay {
width:20%;
text-align:right;
}
.accountQuantityDisplay {
width:10%;
vertical-align:top
}
TR.tableHeading {
height:2em;
}
#siteMapList {
width:90%;
float:right;
}
.ratingRow {
margin:1em 0 1.5em 0;
}
LABEL#textAreaReviews {
font-weight:normal;
margin:1em 0;
}
.information {
padding: 10px 3px;
line-height: 150%;
}
#shoppingcartBody #shippingEstimatorContent {
clear: both;
}
.seDisplayedAddressLabel {
background-color:#85C285;
text-align: center;
}
.seDisplayedAddressInfo {
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
#seShipTo {
padding: 0.2em;
}
.smallProductImage {
padding:1em;
}
#sendSpendWrapper {
border:1px solid #cacaca;
float:right;
margin:0 0 1em 1em;
}
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
width:46%;
}
/* css for product image drop shadow and border. To disable the drop shadow and border, simply delete or comment out this section */
#productMainImage {
float:left;
background: url("../images/shadowAlpha.png") no-repeat bottom right !important;
background: url("../images/shadow.gif") no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
#productMainImage img {
display: block;
position: relative;
background: #ffffff;
margin: -3px 6px 6px -3px;
border: 1px solid #a9a9a9; /* defines the border for the product image. To remove the border delete or comment out this line, AND padding: 4px; below */
padding: 4px;
}
/* end css for product image drop shadow */
I have nothing more to say than what the readme.txt says, it gives the exact instructions. Once you follow these instructions, your issue will be fixed.Quote:
Originally Posted by Adds
When installing, you get these instructions:
8. Go to "Configuration", "Layout Settings" and set the left and right sideboxes to "150px" wide. Notice there are two spots to do this for both the left and right sideboxes, so you have to enter "150px" 4 times. If you want a wider column width, pleas read #5 in the TIPS section below.
Tips #5:
5. To change the width of the sideboxes, open up the admin, and change the widths of the left and right columns under "Configuration", "Layout Settings". Note that this needs to be changed in two spots for each side.
Lets say you increase the width of both sideboxes to 170px (20px more - the original is 150px), you'll need to open up includes/templates/cherry_zen/css/stylesheet.css and change .outer's padding-right to 170px (20 px more) and change all 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.
Could you please help this newbie. I am helping a friend set up her zen cart.
I know nothing about ftp and all things zen cart. her hosting is though host 99 now i really want to use this template but do not even know where to begin.
so any help you could give me with this is greatly apreciated.
We have installed the cart I have worked out the modules etc but when it comes to uploading etc with the file manager I am at a loss.
I am use to doing basic websites through a different hosting company all together.:no:
Thank you for this template. I have read the readme file and still cant find where to change the dimensions of the header. I wanted the header to be taller.
How can I change the size (height) of the NavMain bar, the one in gray on for example www.zepto-computers.nl that contains: Home, Aanmelden (dutch for logon), Mijn account (My account) etc...
For one item I basically need two lines of text, so the bar needs to be "higher".
Can't figure out what I need to change as I can't see it in the stylesheet.
Thanks,
wjansen
Ok thanks for your reply, away from that is there away of putting the grid style layout into my cuurnt template at all?Quote:
Originally Posted by jettrue
Thanks.
Adam.
I still dont know how to make the header. Meaning the portion with the logo taller?
Ok I figured out how to increase the height of the header however can someone tell me how to get the brown underneath the top nav bar to go all the way across the screen?
check out http://www.somthnxtra.com
Thank you for your assistance
Hi Jet
What I would like to do is to move the original price which sits to the right side of the product image in the product listing page, to below the product image.
Where abouts would I find this in the css or is this cored into one of the template files?
TIA
Hello,
The readme file said to remove the float:left; from the #logo tag in the css file and it would center my logo. It seems to have worked just fine in IE7 but Firefox still shows the logo to the left. Is there something I am missing?
Thanks
Open /includes/templates/cherry_zen/images/sidebox.gif in your image editing program (I use Adobe Fireworks). Then change the color of the graphic to whatever you want. Once it's changed and saved, upload it again to the same place.Quote:
Originally Posted by CnTGifts
That's the basics of it as I know it.
HTH
Try adding margin:0 auto; to #logo and let me know if that works.Quote:
Originally Posted by FatGuyinAZ
You could add this to your css:Quote:
Originally Posted by heavenlynights
.centerBoxContentsProducts img {display:block;text-align:center;margin:0 auto;}
Change #navMainWrapper back to what it was originally:Quote:
Originally Posted by mrsowl
Code:#navMainWrapper {
height:32px;
width:100%;
font-size:12px;
}
Thank you. It didnt go all the way across but it definetaly improved the look. Thank you for this template it is simply beautiful.
Good morning,Quote:
Originally Posted by jettrue
Unfortunately that didn't do anything. Here is the items in the css file in the #logo section:
I see other sites that have gotten their logo centered with Firefox so I must just be missing something. I will keep trying anything you suggest.Code:#logo {
margin:0 auto;
padding-left:15px;
text-align:center;
}
Thank you,
Great template, great support!!!
I am also testing it and solved some issues from this post, thanks Jettrue!
I have a question, but am not sure if it is related to this template or not, just post here see if someone else has the same finding:
I used cherry for two languages' default template, and I set the language based on browser, however, it seems this setting does not work, only Engligh is displayed automatically even for a browser with another language. Though the visitors can chose the language after the page is loaded, but I prefer the language is set according the user's browser. Any idea?
Thanks!
It's centered in Firefox for me. Did you try cleaning out your cache and refreshing in Firefox?Quote:
Originally Posted by FatGuyinAZ
I am new to Zencart and i am coming from OSC. Not to sure if this is the right place to post this.
I am using cherry template and easy populate. I have 4 product descriptions.
Ex. v_products_description_1,v_products_description_2.
I can't seem to figure out how to display product descriptions 2 throu 4.
I want them in the same box as description 1. Each product description underneath each other.
I have absolutely no idea how the browser determines the language, and I have no suggestions, sorry!Quote:
Originally Posted by uvfch
Not sure, don't use that mod, sorry! Try the easy populate thread.Quote:
Originally Posted by liquidshadow
Yes I cleared the cache but it was still showing to the left for me. However, when I used the Web Developer Toolbar in Firefox and clicked on CSS -> Edit CSS there automatically pops onto the screen the sidebar for the CSS (on the left of my screen). This causes my viewing of my website to become smaller ... and tada the logo snapped to the center. When I close the CSS sidebar and my monitor goes back to full screen the logo goes back to the left.Quote:
Originally Posted by jettrue
This made me think it has to do with my screen size. I clicked the "Restore Down" (Un-Maximize) button on my browser then adjusted the browser window slowly smaller in width. The logo would jump to the middle as soon as I got to a certain window size. I am not sure what size.
If anyone would like to see what I am talking about, set your screen resolution to 1680 x 1050 then view my site with Firefox. The logo should be on the left. Then manually adjust the browser window slowly smaller in width. Eventually the logo will pop to the middle like it suppose to be. If you adjust the screen wider again the logo will pop back to the left.
If you can figure out what is causing this I would be great full. Could it be some setting in the CSS?
Thank you
Thanks for your quick response!Quote:
Originally Posted by jettrue
Any suggestions for websites using 2 or more languages? Can they just copy another set of templates files and rename it cherry 2, and then upload?
Thanks.
Zen cart has multi language functionality, do a search in the FAQ, or in the forum for more information, I don't have any good advice, since I've never used it.Quote:
Originally Posted by uvfch
Replace this section of your css with the below:Quote:
Originally Posted by FatGuyinAZ
Code:/* css for top menu tabs */
#navMain {
float:right;
width:750px;
line-height:normal;
height:32px;
}
#navMain ul {
float:right;
list-style:none;
}
#navMain li {
display:inline;
}
#navMain a {
float:left;
text-decoration:none;
}
#navMain a span {
float:left;
display:block;
padding: 7px 15px 0 15px;
text-align:center;
width:90px;
cursor:pointer;
height:25px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navMain a span {float:none;}
/* End IE5-Mac hack */
#navMain a:hover {
background-position:0% -32px;
}
#navMain a:hover span {
background-position:100% -32px;
}
/* end css for top menu tabs */
Thanks Jade, worked a treat!!Quote:
Originally Posted by jettrue
I am new to Zencart and i am coming from OSC. Not to sure if this is the right place to post this.
I am using cherry template and easy populate. I have 4 product descriptions.
Ex. v_products_description_1,v_products_description_2.
Fields are uploading; easypopulate is working great.
I can't seem to figure out how to display product descriptions 2 through 4.
I don't know which php file to go into to define v_products_description_2,3,4 and then how to display them.
I want them in the same box as description 1. Each product description underneath each other.
Hope this helps little more.
I already replied to your post, I am not sure how to do what you want to do. Did you ask in the easy populate thread?Quote:
Originally Posted by liquidshadow
Thank you! You are amazing!Quote:
Originally Posted by jettrue
I was curious if I could move the Home | Log In | My Account to the left part of the page, where the header search box is? I have that search box turned off. Would I put the:
andPHP Code:<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><span><?php echo HEADER_TITLE_CATALOG; ?></span></a></li>
sections of the tpl_header.php into the navMainSearch div? Also, would thePHP Code:<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGIN; ?></span></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_MY_ACCOUNT; ?></span></a></li>
have to be moved up higher in the file?PHP Code:if (STORE_STATUS == '0')
If there is a way to do this and this isn't the proper way of doing it, please let me know. I am not going to mess around with the files unless I know for sure. As always, I would make a backup of all files before doing anything.
Thank you,
I love the look on this template and i followed all the instructions to ftp it in the includes and when i look in the cpanal i dont see the cherry_zen folder nor do i find it in the admin, tools, template selection what am i doing wrong?
maggie
Look around in your cpanel, you probably uploaded it incorrectly. Did you upload only the includes/ folder, or did you upload the outer Cherry Zen 1.5 folder?Quote:
Originally Posted by splishsplashbb
Quote:
Originally Posted by jettrue
I uploaded only the includes folder. I did search ever folder in the cpanal and nothing. I am using the Filezilla client FTP software to upload and it let me know it was all uploaded successfully. This is the folder it went to / public_html / shop / includes /
maggie
I don't know what to say. If it says it uploaded it, and its not there, then it didn't upload, or it uploaded in an incorrect spot. Keep looking around the file manager to see if it uploaded somewhere else, or you have the includes/folder doubled (includes/includes/etc.....Quote:
Originally Posted by splishsplashbb
Quote:
Originally Posted by jettrue
Thank you it seems even though i highlighted the includes folder from the cherry zen folder and dragged it to the includes in the cpanal but forsome reason when you clicked on the includes in the cpanal it was within that folder so i deleted it and went back to the ftp program and using the tool at the top to move it and it worked thank you so much
maggie
Hi!Quote:
Originally Posted by CerysCrow
Im looking to add hotspots to the header however, i can one give any pointers, i can use fireworks etc.... And how to inject t in to Zen Cart.
TIA!!
You can try adding the code generated by fireworks into includes/templates/cherry_zen/common/tpl_header.phpQuote:
Originally Posted by athenadesign
Lovely,Quote:
Originally Posted by Lovely
I spent a very long time working on a solution for this over the weekend, and I believe (Jettrue please correct me if I am wrong) that since the category images are centered in the table cells, the drop shadow technique can not be used on them.
If you apply the drop shadow to the category images on the main page, they float over to the left of their table cells and don't look right. As far as I can tell there is no solution for this that retains your ability to fluidly resize the window. If you are willing to lose your resizing, you can specify the width of the table cell in the css and manually center it based on that number.
Hope this helps.
Frank
So you can add HTML within a PHP file ok, I assume i add it to:Quote:
Originally Posted by jettrue
<!--bof-branding display-->
Thanks!!
I'm having an issue with this template when viewed with IE6. I wasn't aware of this until I saw it tonight at my sister's house. The sidebox and headers on the right are not in alignment. If anyone could check out my site with IE6 then offer some sort of fix, that would be awesome.
Thank you
Hi,
I have been testing cherry in IE7 and FF, they are all working well now. But when changing browser to IE6, something strange happened, here are some pics:
first one is in FF, without problem;
the 2nd in IE6, the header;
the 3rd in IE6, right column;
any idea?
www.lessuv.com/store,
thanks.
Solved, no reply needed, thanks!!Quote:
Originally Posted by uvfch
Please share how you solved this problem. Others, like myself, may have issues like this too.Quote:
Originally Posted by uvfch
Thanks
Hello,
Can someone please help me.
I'm using my site as a showcase only for the time being.
I did set it to Showcase in admin. Now I would like to remove the "Specials..." link from the Categories box. I've tried everything I could think of. I would also like to know if I can remove the link between the specials and categories links. It doesn't serve any purpose but I don't know how to get rid of it
And also if you could help me with some info on how to remove or hide the "Shopping Cart" and "Checkout links" at the top of the page. I only need the "Home" link.
If I'm not making any sense please visit my site and have a look http://www.complete-online.co.za
I would really appreciate any help.
Thank you.:wacko:
I found an issue with this template
Paragraph spaces dont Show
http://www.homepartyusa.com/bayberry...-2008-p-5.html
That description should be like this
This catalog is perfect for a number of uses including Mail Order, Catalog distribution, leave-behinds, order stuffers and more! It's updated seasonally and has a bound in envelope, making it easy for your customers to place their orders. Filled with hundreds of high impulse products. An exceptional marketing tool to help grow your business!
Note: Prices listed in the Bayberry Lane catalog are RETAIL PRICES. Our company's name is NOT printed on any catalog so you can pass them off as your catalogs.
I switched over to the default template and the sapce is there
Any ideas? Cant believe no one else has found this
you have to hit enter twice in order for the space to show up and some times that wont even work
I wouldn't think it's the template that causes this but rather the HTML Editor. I am using FCKeditor and I am not having this issue. Just to be sure I went into my test site and opened a product. There were no blank lines (paragraph lines) so I opened the product in my Admin->Catalog->Categories/Products. I manually hit Enter once in the description to add the paragraph, saved the changes then refreshed the product in my other browser window. The paragraph line was there but it was more like a line-break <br> in html. As you said above, pressing enter twice will give you a full blank line. Just to be certain I tested this on 2 more products and everyone worked.
Maybe change HTML editors?
You can either use two <br />'s between your paragraphs (in plain text mode), use the HTML editor instead and press enter twice, or add this to your css:Quote:
Originally Posted by CnTGifts
p {padding:.5em;}
1. Specials Link: Turn off in admin, under Configuration, "Layout Settings". You can also turn off the line between specials and categories there:Quote:
Originally Posted by HJL
Categories Separator between links Status
2. Open up includes/templates/cherry_zen/common/tpl_header.php and change this section (approx. 39-46)
Code:} else {
if (STORE_STATUS == '0') {
?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGIN; ?></span></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_MY_ACCOUNT; ?></span></a></li>
<?php } } ?>
<li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><span><?php echo HEADER_TITLE_CART_CONTENTS; ?></span></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><span class="last"><?php echo HEADER_TITLE_CHECKOUT; ?></span></a></li>
to this:
Code:} else {
if (STORE_STATUS == '0') {
?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGIN; ?></span></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_MY_ACCOUNT; ?></span></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><span><?php echo HEADER_TITLE_CART_CONTENTS; ?></span></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><span class="last"><?php echo HEADER_TITLE_CHECKOUT; ?></span></a></li>
<?php } } ?>
Do you have this in your css (added in my last update):Quote:
Originally Posted by FatGuyinAZ
Code:* html #navColumnTwo {
margin-right: -170px !important; /* Fixes IE6 Issue */
}
Thank you very much Jade,
I really do appreciate the help!!
HJL
Thank you that works
Yes that is in the CSS I have. I am using your 1.5 version of Cherry Zen. I started thinking and I changed the above from -170 to -150 and the problem is fixed.Quote:
Originally Posted by jettrue
Thank you
Great template. Just downloaded it for a new site.
I have a question, how do I center align the EzPages gray bar below the logo? Right now it is left aligned. Thanks again!
Kevin
www.PosterExpo.com
www.Artisthood.com
Try adding text-align:center to #navEZPagesTopQuote:
Originally Posted by kbmets7
Hi Jade! Love this template. This looks great!
I am switching our site www.NoNameJava.com over to this template and am having a couple minor issues (one I'm sure is anyway).
Could you tell me how to get the logo and banner at the top to line up without any spaces. I have a 750px wide logo and a 250px wide banner to cover the minimum site width of 1000px. The logo is set to float left and I have removed (set to 0px) the side margin - although there still seems to be a small space there. I'd like the banner to float to the right inline with the logo, but it wants to fall below and towards the center???
Ultimately I'd like to have these inline with another bar running below the logo (like the search bar/home/checkout...) with links to catagories and contact us pages etc.
The other issue is with the shopping cart side box. If I set this to be on I get the following error in the sidebox:
Fatal error: Call to undefined function: tm_box_head() in /usr/local/4admin/apache/vhosts/nonamejava.com/httpdocs/includes/templates/template_default/sideboxes/tpl_shopping_cart.php on line 64
Any help you could give would be greatly appreciated.
By the way... are you a coffee drinker?
You'll have to set the width of the site to a static width, and it will have to be a little bigger than 1000px because of padding issues and such (try 1020px).Change #nw in stylesheet.css to the below:Quote:
Originally Posted by nonamejava
Code:#nw {
width:1020px; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */
}
I tried that - I went all the way to 1200px - the site got wider, but the banner stayed where it is.
Wit hthe built in Quanity Discounts going the table messes up on some prodducts when you have your text set to larger
http://www.homepartyusa.com/apple-sh...-set-p-12.html
See the 12-23
$2.07
the 12 and 23 display on 2 seperate lines
never mind i got it sorted
I just installed image handler with by cherry zen template. Ouch...it moved my entire site down, so there is now a big border at the top. Plus, the x box is there, but it doesn't appear to be working. Thoughts...
www.artisthood.com (put your cursor over a product image at the bottom)
Never mind. Found the answer here.
http://www.zen-cart.com/forum/showth...ler#post540121
I love the template. Will make donation soon.
Yup, you also need to remove width:75% from #taglineWrapper, remove the padding for #bannerTwo.Quote:
Originally Posted by nonamejava
Great. Thank you!
I just installed Cherry Zen yesterday and I am trying to position the layout boxes, however, it will not show more than 4 boxes. Currently I have Categories and Information on the left and Search and Who's Online on the right.
In the layout Boxes Controller I have Categories, Info, What's New, Featured and Banner Box all turned on, left column, sort order set to 10, 20, 30, 40, 45, 300 respectivly, single column sort order all set to 0, single colum status all set to off.
I have best seller, order history, search, shoipping cart, banner box all, banner box 2, specials and who's online all turned on, right column, sort order set to 10, 15, 20, 25, 30, 40, 45, 200 respectivly, single column sort order all set to 0, single colum status all set to off.
I have set sort order to 0 for all just in case that was an issue but it still doesn't show me all the boxes.
Any suggestions?
TIA.
There's nothing in the template preventing any sideboxes from showing up. Do you have any banners turned setup? The shopping cart won't show up until something is in the cart, and order history won't show up until someone is logged in. The best sellers won't show up until you've had orders, and specials and featured won't show up unless you have set specials and featured products setup. Whats new won't show up until you add products.Quote:
Originally Posted by MacDogg
I tried putting a word in the tagline "today's" but it made the whole site disappear. I assume it is because of the apostrophe. How do I put an apostrophe in the tagline to make it work?
Put a backslash before the apostrophe.Quote:
Originally Posted by kbmets7
Thank you for clarifying that.Quote:
Originally Posted by jettrue
Gosh, I feel dumb. Once I added some product, purchased something I then was able to see most of the side boxes. I still can't see any banner boxes and all the banners are turned on.
I included a screen shot of the banner manager, column boxes and the site.
Ignore my previous message, except the thank you.Quote:
Originally Posted by MacDogg
I got it going now. I copied over the sideboxes folder to the server and now it works...
Hi Jettture,
I sussed out the culprit that was preventing the "Successfully added Product to the cart ..." box from showing. In the code below, I had changed margin-top to 0px. I changed it to 1px and the box shows again! :-)
Now when there is no item in the cart, the top of the sideboxes touch the bottom of the green nav bar (there is no gap). However, when an item is added to the cart, the sideboxes drop down leaving a gap between the top of the side boxes and the bottom of the green nav bar...Code:
body {
font-family: "Lucida Grande", tahoma, verdana, arial, helvetica, sans-serif;
font-size:73.5%;
margin-top:1px;
}
Not a big deal, but how do I either 1)always have a gap there (even when no item is in the cart) or 2)never have a gap there (even when there is an item in the cart)??? You can see here www.allk-9.com/test Look at it with no item in the cart and then look at it with an item in the cart. You can see the gap between the top of the sideboxes and the bottom of the green nav bar that appears and disappears.
Thanks.
Has anyone looked into this?Quote:
Originally Posted by FatGuyinAZ
Hi Jade, 1st off, thank you for all of your contributions and time you have dedicated to the ZC world :smile:
I love your the product info layout in your cherry zen template, and want my product info displayed just like it. However if I copy over the tpl_modules_attributes.php , tpl_modules_main_product_image.php , and tpl_product_info_display.php files, it doesn't look near the same. I imagine that there is a lot defined within the stylesheet for it, and that is why it looks different.
Do you know how I can use the product info display you have designed with my current template? Or if I can reference your stylesheet for these files alone?
Thanks!
There's a section in the stylesheet that deals with the product info page, it should be marked off with hidden comments, down toward the end of the stylesheet. You can use that section, and then delete any of the same sections from your main stylesheet.Quote:
Originally Posted by litepockets
Glad you like the product info layout, I like it too. :cool:
I've searched, but couldn't find the answer. Maybe I didn't use the right terms or found my answer but didn't realize I had. I've looked at this so long I'm :wacko:
Anyway...I want to disable the right column on my Product Info page. I got that accomplished, but the grey background is still there.
What do I need to add to my stylesheet.css to make the right background image not show and my product information take up the whole page instead?
Thanks! :smile:
I've installed the Cherry Zen template but am having problems with the name of the customer not appearing in the Billing Address section on the order email, on the invoice/packingslip or on the admin orders page.
All that appears in the email is the word 'firstname' and the correct surname. I have searched but cannot find an answer to this. When I look in the database, the customer's first name is there.
BTW. Thank you for the lovely template.
The grey is controlled by a background image in the css. You'll have to also disable that background image in the css for that page as well.Quote:
Originally Posted by Boggled