Hello! How would I make an image drop shadow like the one in the cherry zen template?
Printable View
Hello! How would I make an image drop shadow like the one in the cherry zen template?
The easiest way, if you also like the way the product is laid out in the cherry zen template, is to download the cherry zen template, and move move the includes/templates/cherry_zen/templates/tpl_product_info_display.php to includes/templates/apple_zen/templates/Quote:
Originally Posted by nikki72
Then you'll need to add some css from cherry zen to your stylesheet.css (you should also search through the apple_zen stylesheet.css and remove and sections of the same name so there aren't duplicates):
andCode:/* 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;
}
#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 */
Code:/* 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: #fff;
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 */
thanks for the help!
I am having a few issues with the right side box I didn't have with the cherry_zen.
I installed best sellers page and also the FAQ Module.
When you click through to the pages on these modes my right column is moved under the main page!
I also installed login header and it shows at the top and in the right column ( not supposed to be there! I do have the center column option enabled in the admin..... the migration from cherry to apple is going so well and now this :(. hELP!
http://www.2antioch.org/index.php
It's not apple zen, the people who designed those mods probably forgot to wrap the pages correctly with the centerColumn wrapper. I've seen it happen a lot.Quote:
Originally Posted by nikki72
Could I see a link to your zen cart site?
As far as the login header, as the instructions in the readme.txt state, you need to turn on the SINGLE COLUMN status ONLY, and turn off the left/right sidebox status for the login header. Then it won't show in the sidebox. :cool:
Don't panic!
lol, wow that as so simple I neglect to see it. :)Quote:
Originally Posted by jettrue
Here is my link:http://www.2antioch.org/store/index.php
I am also having an issue with my customers who bought this at bottom of product_info are not lining up right, they look like single column, here is an example:
http://2antioch.org/store/index.php?...&products_id=7
and I have also managed to delete the left shadow off my header edge...... I think that's the end of my issues
and please look over my advanced search in header... I haven't figured out to get even space between each field and to get the fields to look consistant in hieght, they are supposed to be in a straight line across the top all net and tidy lol
wondering if anyone has this template working in combination with the multi site module. My dropdown list disappears when products are added to the site using the multisite.
I realise it is not a template problem as such just wondering if anyone has this scenario sorted out ?
Thanks all .
got the shadow fixed, I messed it up when I added the login header, some how I inseted an extra <div>.Quote:
Originally Posted by nikki72
I still can not figure out how I messed up the customers also bought center column box, I don't think I did it in the style sheet..
Is there a sample file I could compare with these mods to correctly use the center column wrapper?Quote:
Originally Posted by jettrue