Cherry Zen Template Support Thread

[jettrue]

Yeah the two tpl_modules_main_product_image.php file are different, I need the merge the two but what parts?

Before Lightbox

?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?> 
<div id="productImage" class="centeredContent back">
<script language="javascript" type="text/javascript"><!--
document.write('<?php echo '<div id="productMainImage"><a href="javascript:popupWindow(\\\'' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '\\\')">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '</div><br class="clearBoth" /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>');
//--></script>
<noscript>
<?php
  echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>
</noscript>
</div>

After adding Lightbox

?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?>

<div id="productMainImage" class="centeredContent back">
  <!-- begin zen lightbox v1.3 aclarke 2006-10-20 -->
  <script language="javascript" type="text/javascript"><!--
document.write('<?php echo '<a href="' . zen_image_lightbox_IH2_url($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($products_name) . '">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>');
//--></script>
  <!-- end zen lightbox v1.3 aclarke 2006-10-20 -->
  <noscript>
  <?php
  echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>
  </noscript>
</div>

You're saying that you can't see the differences between the two, and then combine them? In mine, I simply add the <div id="productMainImage"> before the image link, then I add the </div><br class="clearBoth" /> after the image height section. Simply add that to the lightbox code.

[Beth-katherine]

Hello. Another fan of this new template - so professional looking with just a touch of class, nice. I'm getting close to open my new site with this design and am so excited!

I saw the bubbles site and want to do the same with the horizontal menu but have asked that question in the appropriate spot.

However I do have some problems I need help in solving:

1. How do I move the template up in the window, the extra space about the main wrapper is begging to be reduced by half to my eye.
2. On the listing page of products how do I move the price down next to Add to My cart instead of hugging the image.
3. On the product descriptions page it's a total mess, on my site. Click on any product and you will see what I mean.

We're not open on this site yet as the secure socket layer is missing for credit card protection.

http://smockingbooks.com/index.php?main_page=

Thanks for your assistance, when I'm done I'll be donating.

Beth-Katherine

[jettrue]

Hello. Another fan of this new template - so professional looking with just a touch of class, nice. I'm getting close to open my new site with this design and am so excited!

I saw the bubbles site and want to do the same with the horizontal menu but have asked that question in the appropriate spot.

However I do have some problems I need help in solving:

1. How do I move the template up in the window, the extra space about the main wrapper is begging to be reduced by half to my eye.
2. On the listing page of products how do I move the price down next to Add to My cart instead of hugging the image.
3. On the product descriptions page it's a total mess, on my site. Click on any product and you will see what I mean.

We're not open on this site yet as the secure socket layer is missing for credit card protection.

http://smockingbooks.com/index.php?main_page=

Thanks for your assistance, when I'm done I'll be donating.

Beth-Katherine

1. open your stylesheet (includes/templates/cherry_zen/css/stylesheet.css) and change the margin-top here:


body {
font-family: "Lucida Grande", tahoma, verdana, arial, helvetica, sans-serif;
font-size:73.5%;
margin-top:20px;
}

2. You'll have to open up includes/templates/cherry_zen/templates/tpl_product_info_display, find the price chunk, (it will be surrounded by a hidden start and end code), then cut and paste it nearer to the add to cart section. Then we'll have to see how that looks, and then adjust the css.

3. As per the readme.txt:

"The width of the image, tell a friend/reviews, and add to cart section is defined by your product image width. Please keep your product image width at 220 or less. If it is made wider than that, the layout will break. The width of the product information image can be adjusted in your admin, under "Configuration", "Images", "Product Info - Image Width".

It looks like you currently have your product image width at 0, I would change it to width: 150, height 150, that way your tall and narrow images will still only go to 150 tall, and your wide and long ones will only go to 150 wide.

[Beth-katherine]

# 1 is fixed
# 3 is fixed

Thank you. But I'm confused about how to do what you suggested on the following

2. You'll have to open up includes/templates/cherry_zen/templates/tpl_product_info_display, find the price chunk, (it will be surrounded by a hidden start and end code), then cut and paste it nearer to the add to cart section. Then we'll have to see how that looks, and then adjust the css.


Is this the price chunk which sits at line 113

<< <!--eof Product Name-->

<!--bof Product Price block -->

<h2 id="productPrices" class="productGeneral">

<?php

// base price

if ($show_onetime_charges_description == 'true') {

$one_time = '<span >' . TEXT_ONETIME_CHARGE_SYMBOL . TEXT_ONETIME_CHARGE_DESCRIPTION . '</span><br />';

} else {

$one_time = '';

}

echo $one_time . ((zen_has_product_attributes_values((int)$_GET['products_id']) and $flag_show_product_info_starting_at == 1) ? TEXT_BASE_PRICE : '') . zen_get_products_display_price((int)$_GET['products_id']);

?>

</h2>

<!--eof Product Price block -->>>

and I move it WHERE? Before Line 77 or after Line 106

Beth-Katherine

[jettrue]

# 1 is fixed
# 3 is fixed

Thank you. But I'm confused about how to do what you suggested on the following

2. You'll have to open up includes/templates/cherry_zen/templates/tpl_product_info_display, find the price chunk, (it will be surrounded by a hidden start and end code), then cut and paste it nearer to the add to cart section. Then we'll have to see how that looks, and then adjust the css.


Is this the price chunk which sits at line 113

<< <!--eof Product Name-->

<!--bof Product Price block -->

<h2 id="productPrices" class="productGeneral">

<?php

// base price

if ($show_onetime_charges_description == 'true') {

$one_time = '<span >' . TEXT_ONETIME_CHARGE_SYMBOL . TEXT_ONETIME_CHARGE_DESCRIPTION . '</span><br />';

} else {

$one_time = '';

}

echo $one_time . ((zen_has_product_attributes_values((int)$_GET['products_id']) and $flag_show_product_info_starting_at == 1) ? TEXT_BASE_PRICE : '') . zen_get_products_display_price((int)$_GET['products_id']);

?>

</h2>

<!--eof Product Price block -->>>

and I move it WHERE? Before Line 77 or after Line 106

Beth-Katherine

Where you move it depends on where you want it. If you want it after the add to cart, paste it after the end of add to cart, if you want it before add to cart, add it before the add to cart section.

[JeffM]

Love your template! Just what I was looking for.

I would like to change the referral code during new customer signup into a How did you hear about us? box. Any ideas?

Thanks

[jettrue]

Love your template! Just what I was looking for.

I would like to change the referral code during new customer signup into a How did you hear about us? box. Any ideas?

Thanks

I've never done that, but there is a download for this:

How Did You Hear About Us

[Beth-katherine]

I'm still lost as to how to move the price from next to the product image to below on the products page just like it is on the new products page.

and for some reason I lost the vertical lines inbetween the columns of products.

http://smockingbooks.com/index.php?m...&cPath=158_168

Beth-Katherine
almost open but no secure socket layer yet so no orders please

[jettrue]

I'm still lost as to how to move the price from next to the product image to below on the products page just like it is on the new products page.

and for some reason I lost the vertical lines inbetween the columns of products.

http://smockingbooks.com/index.php?m...&cPath=158_168

Beth-Katherine
almost open but no secure socket layer yet so no orders please

So sorry, I misunderstood you. Upload the original (from my template) includes/templates/cherry_zen/templates/tpl_product_info_display.php.

For the product listing, if you turn on the product name (in your admin, under "configuration", "Product Listing", that problem will go away, OR if you don't want the product name under the image, add this to your stylesheet:

.listingPrice {display:block;}

For the missing horizontal lines... does your includes/templates/cherry_zen/common/tpl_columnar_display.php have 5 lines that look like this:

     $r_params = str_replace(" back", "", $r_params);
     $r_params = str_replace("50", "98", $r_params);
	 $r_params = str_replace("33", "98", $r_params);
	 $col_width = str_replace("50", "48", $col_width);
     $col_width = str_replace("33", "31", $col_width);

[goodwrench1]

Thanks so much for this contribution, your definitely on the list for donations when I hit it big!

I'm only getting 1 error when I run it through the w3.org validation test and it is the following on my home page

1. Error Line 28, Column 349: value of attribute "type" cannot be "search"; must be one of "text", "password", "checkbox", "radio", "submit", "reset", "file", "hidden", "image", "button".

…cb8eede5c31a9a" /><input type="search" name="keyword" id="searchTop" size="20

✉

The value of the attribute is defined to be one of a list of possible values but in the document it contained something that is not allowed for that type of attribute. For instance, the “selected” attribute must be either minimized as “selected” or spelled out in full as “selected="selected"”; a value like “selected="true"” is not allowed.

I believe it's something in the header search bar, but haven't been able to fix it myself (tried unsuccessfully)

Thanks so much for anyones and everyones help!