Attributes Side by Side

[Miri4413]

Hi, I'm working on my zen cart so far so good, I already created all the attributes that I need, Know I need to display this in the "rightway"

This is my page product

http://danielsami.com/opticlub/index...r_of_uploads=0

I need to create a display like this one


Any Help Thank You

[haredo]

M,
NO,,, NO
The kiss of DEATH::: Classic

includes/templates/classic/css/stylesheet.css

"The Override Folders"

We need to step back, just a little..

1. Using the override system means you don't have to worry about over-writing your custom files when an upgrade comes along, because they are all in custom directories you will create below.
2. Click on the link below, notice the tutorial/faqs on the top right hand side
3. http://www.zen-cart.com/forum/
4. Notice the blue header bar, click Index
5. Scroll down to override system, click
6. click on the override system really simplified, https://www.zen-cart.com/tutorials/i...hp?article=143
7. you will need to use a ftp program and create these folders
8. now read this article
9. https://www.zen-cart.com/tutorials/i...hp?article=142
10. after you finish that little step, read the article below
11. https://www.zen-cart.com/tutorials/i...hp?article=230
12. So, now when you want to edit a .php file, first upload the file to your custom folder and then edit the puppy..

-----------------------------------------------------------------------------------------------------
....... Copy Files from Classic to Custom Template

Just another helpful technique, since you started building in the classic template, because when you create your custom template
1. admin panel/ tools/ layout boxes controller
2. you will go crazy when you view the screen
3. Click reset button on the bottom of the screen

Take time and follow the instructions below:

1. Use your ftp program to transfer the following files:
2. includes/ templates/ classic/ css/ stylesheet.css
3. copy and paste this file to:
4. includes/ templates/ your_custom_template/ css
5.
6. includes/ templates/ classic/ images
7. copy and paste all image files, .jpg and gifs to:
8. includes/ templates/ your_custom_template/ images
9.
10. includes/ languages/ classic
11. copy and paste all files here to:
12. includes/ languages/ your_custom_template
13. If you have none here no worries
14.
15. includes/ languages/ english/ html_includes/ classic
16. copy and paste all .php files to:
17. includes/ languages/ english/ html_includes/ your_custom_template
18.
19. I hope I have not missed one
20.

21. Since I noticed you have already made a few changes:
22. Copy any core file that you have changed now over to the custom template name you have created.....

We have now accomplished all the transferring of the classic files over to your_custom_template folder.

1. Yes, now you have Zen by the ba..s!!!!!

After this:
We will fix this page... OK

Second of all I need to see the following tpl_molules_attributes.php file

[Miri4413]

Second of all I need to see the following tpl_molules_attributes.php file[/


tpl_modules_attributes.php




<?php

/**

* Page Template

*

* Loaded automatically by index.php?main_page=document_general_info.<br />

* Displays template according to "document-general" product-type needs

*

* @package templateSystem

* @copyright Copyright 2003-2006 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: tpl_document_general_info_display.php 5369 2006-12-23 10:55:52Z drbyte $

*/

?>

<div class="centerColumn" id="docGeneralDisplay">



<!--bof Form start-->

<?php echo zen_draw_form('cart_quantity', zen_href_link(zen_get_info_page($_GET['products_id']), zen_get_all_get_params(array('action')) . 'action=add_product'), 'post', 'enctype="multipart/form-data"') . "\n"; ?>

<!--eof Form start-->



<?php if ($messageStack->size('product_info') > 0) echo $messageStack->output('product_info'); ?>



<!--bof Category Icon -->

<?php if ($module_show_categories != 0) {?>

<?php

/**

* display the category icons

*/

require($template->get_template_dir('/tpl_modules_category_icon_display.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_category_icon_display.php'); ?>

<?php } ?>

<!--eof Category Icon -->



<!--bof Prev/Next top position -->

<?php if (PRODUCT_INFO_PREVIOUS_NEXT == 1 or PRODUCT_INFO_PREVIOUS_NEXT == 3) { ?>

<?php

/**

* display the product previous/next helper

*/

require($template->get_template_dir('/tpl_products_next_previous.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_products_next_previous.php'); ?>

<?php } ?>

<!--eof Prev/Next top position-->



<!--bof Main Product Image -->

<?php

if (zen_not_null($products_image)) {

?>

<?php

/**

* display the main product image

*/

require($template->get_template_dir('/tpl_modules_main_product_image.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_main_product_image.php'); ?>

<?php

}

?>

<!--eof Main Product Image-->



<!--bof Product Name-->

<h1 id="productName" class="docGeneral" ><?php echo $products_name; ?></h1>

<!--eof Product Name-->



<!--bof Product Price block -->

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

<?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 -->



<!--bof free ship icon -->

<?php if(zen_get_product_is_always_free_shipping($products_id_current) && $flag_show_product_info_free_shipping) { ?>

<div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div>

<?php } ?>

<!--eof free ship icon -->



<!--bof Product description -->

<?php if ($products_description != '') { ?>

<div id="productDescription" class="docGeneral biggerText"><?php echo stripslashes($products_description); ?></div>

<?php } ?>

<!--eof Product description -->

<br class="clearBoth" />



<!--bof Add to Cart Box -->

<?php

if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {

// do nothing

} else {

?>

<?php

$display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '');

if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) {

// hide the quantity box and default to 1

$the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);

} else {

// show the quantity box

$the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '<br />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);

}

$display_button = zen_get_buy_now_button($_GET['products_id'], $the_button);

?>

<?php if ($display_qty != '' or $display_button != '') { ?>

<div id="cartAdd">

<?php

echo $display_qty;

echo $display_button;

?>

</div>

<?php } // display qty and button ?>

<?php } // CUSTOMERS_APPROVAL == 3 ?>

<!--eof Add to Cart Box-->



<!--bof Product details list -->

<?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?>

<ul id="productDetailsList" class="floatingBox back">

<?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?>

<?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT . $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>' : '') . "\n"; ?>

<?php echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>' : '') . "\n"; ?>

<?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : ' ') . "\n"; ?>

</ul>

<br class="clearBoth" />

<?php

}

?>

<!--eof Product details list -->



<!--bof Attributes Module -->

<?php

if ($pr_attr->fields['total'] > 0) {

?>

<?php

/**

* display the product atributes

*/

require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>

<?php

}

?>

<!--eof Attributes Module -->



<!--bof Quantity Discounts table -->

<?php

if ($products_discount_type != 0) { ?>

<?php

/**

* display the products quantity discount

*/

require($template->get_template_dir('/tpl_modules_products_quantity_discounts.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_products_quantity_discounts.php'); ?>

<?php

}

?>

<!--eof Quantity Discounts table -->



<!--bof Additional Product Images -->

<?php

/**

* display the products additional images

*/

require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>

<!--eof Additional Product Images -->



<!--bof Prev/Next bottom position -->

<?php if (PRODUCT_INFO_PREVIOUS_NEXT == 2 or PRODUCT_INFO_PREVIOUS_NEXT == 3) { ?>

<?php

/**

* display the product previous/next helper

*/

require($template->get_template_dir('/tpl_products_next_previous.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_products_next_previous.php'); ?>

<?php } ?>

<!--eof Prev/Next bottom position -->



<!--bof Tell a Friend button -->

<?php

if ($flag_show_product_info_tell_a_friend == 1) { ?>

<div id="productTellFriendLink" class="buttonRow forward"><?php echo ($flag_show_product_info_tell_a_friend == 1 ? '<a href="' . zen_href_link(FILENAME_TELL_A_FRIEND, 'products_id=' . $_GET['products_id']) . '">' . zen_image_button(BUTTON_IMAGE_TELLAFRIEND, BUTTON_TELLAFRIEND_ALT) . '</a>' : ''); ?></div>

<?php

}

?>

<!--eof Tell a Friend button -->



<!--bof Reviews button and count-->

<?php

if ($flag_show_product_info_reviews == 1) {

// if more than 0 reviews, then show reviews button; otherwise, show the "write review" button

if ($reviews->fields['count'] > 0 ) { ?>

<div id="productReviewLink" class="buttonRow back"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS, zen_get_all_get_params()) . '">' . zen_image_button(BUTTON_IMAGE_REVIEWS, BUTTON_REVIEWS_ALT) . '</a>'; ?></div>

<br class="clearBoth" />

<p class="reviewCount"><?php echo ($flag_show_product_info_reviews_count == 1 ? TEXT_CURRENT_REVIEWS . ' ' . $reviews->fields['count'] : ''); ?></p>

<?php } else { ?>

<div id="productReviewLink" class="buttonRow back"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS_WRITE, zen_get_all_get_params(array())) . '">' . zen_image_button(BUTTON_IMAGE_WRITE_REVIEW, BUTTON_WRITE_REVIEW_ALT) . '</a>'; ?></div>

<br class="clearBoth" />

<?php

}

}

?>

<!--eof Reviews button and count -->



<!--bof Product date added/available-->

<?php

if ($products_date_available > date('Y-m-d H:i:s')) {

if ($flag_show_product_info_date_available == 1) {

?>

<p id="productDateAvailable" class="docGeneral centeredContent"><?php echo sprintf(TEXT_DATE_AVAILABLE, zen_date_long($products_date_available)); ?></p>

<?php

}

} else {

if ($flag_show_product_info_date_added == 1) {

?>

<p id="productDateAdded" class="docGeneral centeredContent"><?php echo sprintf(TEXT_DATE_ADDED, zen_date_long($products_date_added)); ?></p>

<?php

} // $flag_show_product_info_date_added

}

?>

<!--eof Product date added/available -->



<!--bof Product URL -->

<?php

if (zen_not_null($products_url)) {

if ($flag_show_product_info_url == 1) {

?>

<p id="productInfoLink" class="docGeneral centeredContent"><?php echo sprintf(TEXT_MORE_INFORMATION, zen_href_link(FILENAME_REDIRECT, 'action=url&goto=' . urlencode($products_url), 'NONSSL', true, false)); ?></p>

<?php

} // $flag_show_product_info_url

}

?>

<!--eof Product URL -->



<!--bof also purchased products module-->

<?php require($template->get_template_dir('tpl_modules_also_purchased_products.php', DIR_WS_TEMPLATE, $current_page_base,'templates'). '/' . 'tpl_modules_also_purchased_products.php');?>

<!--eof also purchased products module-->



<!--bof Form close-->

</form>

<!--bof Form close-->

</div>




=================

This is my file :)

New Link Product Page: http://danielsami.com/opticlubusa/in...&products_id=1

[Miri4413]

http://danielsami.com/opticlub/index...&products_id=1

Miriam

[haredo]

M,
you send the wrong file....

includes/ templates/ template_default/ templates/ tpl_modules_attributes.php

1. the red font above is the file I need
2. use the [PHP] in the front and the closing tag at the end /PHP use brackets around the /PHP

[Miri4413]

I'm a totally sinner....... hopes this is the file



---------------------------------

<?php

/**

* Module Template

*

* Template used to render attribute display/input fields

*

* @package templateSystem

* @copyright Copyright 2003-2005 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: tpl_modules_attributes.php 3208 2006-03-19 16:48:57Z birdbrain $

*/

?>

<div id="productAttributes">

<?php if ($zv_display_select_option > 0) { ?>

<h3 id="attribsOptionsText"><?php echo TEXT_PRODUCT_OPTIONS; ?></h3>

<?php } // show please select unless all are readonly ?>



<?php

for($i=0;$i<sizeof($options_name);$i++) {

?>

<?php

if ($options_comment[$i] != '' and $options_comment_position[$i] == '0') {

?>

<h3 class="attributesComments"><?php echo $options_comment[$i]; ?></h3>

<?php

}

?>



<div class="wrapperAttribsOptions">

<h4 class="optionName back"><?php echo $options_name[$i]; ?></h4>

<div class="back"><?php echo "\n" . $options_menu[$i]; ?></div>

<br class="clearBoth" />

</div>





<?php if ($options_comment[$i] != '' and $options_comment_position[$i] == '1') { ?>

<div class="ProductInfoComments"><?php echo $options_comment[$i]; ?></div>

<?php } ?>





<?php

if ($options_attributes_image[$i] != '') {

?>

<?php echo $options_attributes_image[$i]; ?>

<?php

}

?>

<br class="clearBoth" />

<?php

}

?>





<?php

if ($show_onetime_charges_description == 'true') {

?>

<div class="wrapperAttribsOneTime"><?php echo TEXT_ONETIME_CHARGE_SYMBOL . TEXT_ONETIME_CHARGE_DESCRIPTION; ?></div>

<?php } ?>





<?php

if ($show_attributes_qty_prices_description == 'true') {

?>

<div class="wrapperAttribsQtyPrices"><?php echo zen_image(DIR_WS_TEMPLATE_ICONS . 'icon_status_green.gif', TEXT_ATTRIBUTES_QTY_PRICE_HELP_LINK, 10, 10) . '&nbsp;' . '<a href="javascriptopupWindowPrice(\'' . zen_href_link(FILENAME_POPUP_ATTRIBUTES_QTY_PRICES, 'products_id=' . $_GET['products_id'] . '&products_tax_class_id=' . $products_tax_class_id) . '\')">' . TEXT_ATTRIBUTES_QTY_PRICE_HELP_LINK . '</a>'; ?></div>

<?php } ?>

</div>

----------------------------------


Thanks

[Miri4413]

I'm a totally sinner....... hopes this is the file



---------------------------------

<?php

/**

* Module Template

*

* Template used to render attribute display/input fields

*

* @package templateSystem

* @copyright Copyright 2003-2005 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: tpl_modules_attributes.php 3208 2006-03-19 16:48:57Z birdbrain $

*/

?>

<div id="productAttributes">

<?php if ($zv_display_select_option > 0) { ?>

<h3 id="attribsOptionsText"><?php echo TEXT_PRODUCT_OPTIONS; ?></h3>

<?php } // show please select unless all are readonly ?>



<?php

for($i=0;$i<sizeof($options_name);$i++) {

?>

<?php

if ($options_comment[$i] != '' and $options_comment_position[$i] == '0') {

?>

<h3 class="attributesComments"><?php echo $options_comment[$i]; ?></h3>

<?php

}

?>



<div class="wrapperAttribsOptions">

<h4 class="optionName back"><?php echo $options_name[$i]; ?></h4>

<div class="back"><?php echo "\n" . $options_menu[$i]; ?></div>

<br class="clearBoth" />

</div>





<?php if ($options_comment[$i] != '' and $options_comment_position[$i] == '1') { ?>

<div class="ProductInfoComments"><?php echo $options_comment[$i]; ?></div>

<?php } ?>





<?php

if ($options_attributes_image[$i] != '') {

?>

<?php echo $options_attributes_image[$i]; ?>

<?php

}

?>

<br class="clearBoth" />

<?php

}

?>





<?php

if ($show_onetime_charges_description == 'true') {

?>

<div class="wrapperAttribsOneTime"><?php echo TEXT_ONETIME_CHARGE_SYMBOL . TEXT_ONETIME_CHARGE_DESCRIPTION; ?></div>

<?php } ?>





<?php

if ($show_attributes_qty_prices_description == 'true') {

?>

<div class="wrapperAttribsQtyPrices"><?php echo zen_image(DIR_WS_TEMPLATE_ICONS . 'icon_status_green.gif', TEXT_ATTRIBUTES_QTY_PRICE_HELP_LINK, 10, 10) . '&nbsp;' . '<a href="javascriptopupWindowPrice(\'' . zen_href_link(FILENAME_POPUP_ATTRIBUTES_QTY_PRICES, 'products_id=' . $_GET['products_id'] . '&products_tax_class_id=' . $products_tax_class_id) . '\')">' . TEXT_ATTRIBUTES_QTY_PRICE_HELP_LINK . '</a>'; ?></div>

<?php } ?>

</div>

----------------------------------


Thanks

Any News ????

[Miri4413]

"Thanks a lot!", I Think We Made It.

http://danielsami.com/opticlub/index...&products_id=1

[MsHutch]

Hey, that looks good, but if you view your site in Firefox, it looks as though you missed an ending --> in your file. This causes your collapsible panel to appear a number of times in Firefox.

Colleen

[Miri4413]

Yes Thanks for looking,

Helppppppppppp!!!!!!

I just don't understand the php

It looks like some statement is calling my attributes, and printing my table many times as attributes I have

Help Please