Results 1 to 10 of 16

Threaded View

  1. #1
    Join Date
    Jul 2011
    Posts
    72
    Plugin Contributions
    0

    Default How do I align the Product Price Block to the right of the Main Image ?!?!

    Hi,

    I am running v1.50 and have wishlist and zenlightbox modules installed. I have been editing the /includes/templates/my_template/templates/tpl_product_info_display.php page to try to achieve what I want. This is the closest that I could get it.

    PHP Code:
    <!--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-->
    </div>

    <div id="p-right">

    <div id="cart">
    <!--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 -->

    <!--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 Add to Cart Box -->
    <?php
    if (CUSTOMERS_APPROVAL == and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {
      
    // do nothing
    } else {
    ?>
                <?php
        $display_qty 
    = (($flag_show_product_info_in_cart_qty == 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 == 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_CARTBUTTON_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_CARTBUTTON_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">
    <P></p>
      <?php if (UN_MODULE_WISHLISTS_ENABLED) { ?>
                <div id="productWishlistLink" class="buttonRow back">
                <?php echo zen_image_submit(UN_BUTTON_IMAGE_WISHLIST_ADDUN_BUTTON_WISHLIST_ADD_ALT'name="wishlist" value="yes"'); 
                
    //print_r($_REQUEST);
                
    ?></div>
        
            <?php }
                else
                {}
                
    ?>
        <?php
          
    echo $display_qty;
          echo 
    $display_button;
                
    ?>
              </div>
      <?php // display qty and button ?>

    <?php // CUSTOMERS_APPROVAL == 3 ?>
    <!--eof Add to Cart Box-->
    What I want to achieve is the product price block to be aligned to the right of the main image.

    1. How do I get the product price block to align along side the main image? (see embeded code above)

    2. How do I get the Wishlist button to align UNDER the Add To Cart button and both be centered?

    3. I also want to get rid of the cell padding and dividers for the additional images (see attached image) and have them neatly lined up below the main image. How do I achieve this? I am not entirely sure which file to edit.

    Thank you for your time!
    Attached Images Attached Images  
    Last edited by jnb41578; 1 Feb 2014 at 03:00 AM.

 

 

Similar Threads

  1. v150 How to relocate main product image to the right?
    By johnn196703 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 26 Apr 2012, 07:05 PM
  2. how to align the product title, price and add to cart box next to the product image?
    By evaky in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 5 Mar 2012, 03:31 AM
  3. How can I switch the image on the main product page to the right?
    By ttmb33 in forum Customization from the Admin
    Replies: 1
    Last Post: 28 Aug 2009, 12:02 PM
  4. How to align the main and additional product images in the listing?
    By mishutkadesign in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 17 Jul 2008, 02:49 PM
  5. How to resize the width of the all right box block
    By explorer1979 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 9 Jan 2007, 10:42 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg