dgent:
Thats a bit tricky. What would be better is to have your first image as your main product image (and style it so its the size of the additional images and centered to match etc), then move your product title and price below the code for the main product image in your tpl_product_info_display.php file (remember I showed you last time) and also copy those bits of code below the end of the additional image code in the same file.
So you will have a main image, then price and and title, additional images, and price and title again. You can centre them in your style sheet. {text-align: center;}
Thanks dgent, I have turned the default first image (showed in main product page) off in my stylesheet:
#productMainImage {display:none;}
because I don't want it show in my product info page. So do I need to comment it?
Then I edited my tpl_product_info_display.php file and add ```php
<div id="addImagecont">
<!--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 -->
</div>
<!--bof Product Name-->
<h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1>
<!--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 -->
```