Page 1 of 2 12 LastLast
Results 1 to 10 of 17
  1. #1
    Join Date
    Jul 2006
    Location
    Southern California
    Posts
    109
    Plugin Contributions
    0

    help question Move add to cart button?

    I'm trying to move my add to cart button and am having trouble with it. I've arranged my tpl_product_info_display.php so that it goes:

    item title
    price
    attributes
    add to cart button
    description

    When I view the page in Internet Explorer, it displays how I want it expect the add to cart button is right aligned and I want it left aligned with everything else. When I view the page in Firefox, the add to cart button is stuck to the bottom right corner of the page. In both browsers, the description wraps around the attributes and add to cart button, I don't want that.

    I'm not sure how to fix this. Here's a link to an item in my store so you can see:
    http://gleefulthings.com/shop/index....&products_id=4

  2. #2
    Join Date
    Jul 2006
    Location
    Southern California
    Posts
    109
    Plugin Contributions
    0

    Default Re: Move add to cart button?

    help?

  3. #3
    Join Date
    Jun 2003
    Posts
    33,715
    Plugin Contributions
    0

    Default Re: Move add to cart button?

    Posting the code in question would be much more helpful.
    Please do not PM for support issues: a private solution doesn't benefit the community.

    Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

  4. #4
    Join Date
    Jul 2006
    Location
    Southern California
    Posts
    109
    Plugin Contributions
    0

    Default Re: Move add to cart button?

    Sorry, here it is:

    Code:
    <div class="centerColumn" id="productGeneral">
    
    <!--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-->
    
    <div id="productImagesWrapper"><!--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 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 -->
    <!--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 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 == 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 description -->
    <?php if ($products_description != '') { ?>
    <div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
    <?php } ?>
    <!--eof Product description -->
    <br class="clearBoth" />

  5. #5
    Join Date
    Jul 2006
    Location
    Southern California
    Posts
    109
    Plugin Contributions
    0

    Default Re: Move add to cart button?

    can anyone help me with this?

  6. #6
    Join Date
    Apr 2007
    Posts
    86
    Plugin Contributions
    0

    Default Re: Move add to cart button?

    did you modify the CSS accordingly?

  7. #7
    Join Date
    Apr 2007
    Posts
    86
    Plugin Contributions
    0

    Default Re: Move add to cart button?

    actually i am having big time trouble with this too, sucks =(

  8. #8
    Join Date
    Jul 2006
    Location
    Southern California
    Posts
    109
    Plugin Contributions
    0

    Default Re: Move add to cart button?

    yea, I did. It isn't having any effect for some reason

  9. #9
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Move add to cart button?

    You have explicitly commanded the add to cart to be below the additional images and any other floated elements, as well as having some <br class="clearBoth" /> tags that have the same effect.

    Change the #cartAdd clear: both; to clear: none;, and add these other declarations to your stylesheet:
    Code:
    #productAdditionalImages .clearBoth {clear: none;} 
    
    #productAttributes .clearBoth {clear: none;}
    
    #cartAdd {
    text-align: left;
    padding: 0em;
    	border: 0px;
           clear:none;
    	}

  10. #10
    Join Date
    Apr 2007
    Posts
    86
    Plugin Contributions
    0

    Default Re: Move add to cart button?

    Here are the before and after pics of what I am trying to do.

    Here is the code for my tpl_product_info_display.php
    PHP Code:
    ?>
    <div class="centerColumn" id="productGeneral">

    <!--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 == 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="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 -->

    <!--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="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
    <?php ?>
    <!--eof Product description -->
    <br class="clearBoth" />

    <!--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">
        <?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 == and $products_model != '') or ($flag_show_product_info_weight == and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == and !empty($manufacturers_name))) ) { ?>
    <ul id="productDetailsList" class="floatingBox back">
      <?php echo (($flag_show_product_info_model == and $products_model !='') ? '<li>' TEXT_PRODUCT_MODEL $products_model '</li>' '') . "\n"?>
      <?php echo (($flag_show_product_info_weight == 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 == 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 == 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 == '<a href="' zen_href_link(FILENAME_TELL_A_FRIEND'products_id=' $_GET['products_id']) . '">' zen_image_button(BUTTON_IMAGE_TELLAFRIENDBUTTON_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'] > ) { ?>
    <div id="productReviewLink" class="buttonRow back"><?php echo '<a href="' zen_href_link(FILENAME_PRODUCT_REVIEWSzen_get_all_get_params()) . '">' zen_image_button(BUTTON_IMAGE_REVIEWSBUTTON_REVIEWS_ALT) . '</a>'?></div>
    <br class="clearBoth" />
    <p class="reviewCount"><?php echo ($flag_show_product_info_reviews_count == 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_WRITEzen_get_all_get_params(array())) . '">' zen_image_button(BUTTON_IMAGE_WRITE_REVIEWBUTTON_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="productGeneral centeredContent"><?php echo sprintf(TEXT_DATE_AVAILABLEzen_date_long($products_date_available)); ?></p>
    <?php
        
    }
      } else {
        if (
    $flag_show_product_info_date_added == 1) {
    ?>
          <p id="productDateAdded" class="productGeneral centeredContent"><?php echo sprintf(TEXT_DATE_ADDEDzen_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="productGeneral centeredContent"><?php echo sprintf(TEXT_MORE_INFORMATIONzen_href_link(FILENAME_REDIRECT'action=url&goto=' urlencode($products_url), 'NONSSL'truefalse)); ?></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>
    Here is the CSS I have for the cart and others:
    Code:
    /*Shopping Cart Display*/
    #cartAdd {
        float: right;
        text-align: center;
        margin: 1em;
        border: 1px solid #000000;
        padding: 1em;
        }
    Code:
    #productAttributes {
    
        }
    Code:
    /*Image Display*/
    #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
        margin: 1em 1em 1em 0em ;
        }
    Anything else that would be helpful to know in order to solve this issue? This is driving me crazy and I have been spending hours on trying to find the perfect way to set everything up. I've searched and searched. Thanks!
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	before.jpg 
Views:	347 
Size:	83.4 KB 
ID:	3616   Click image for larger version. 

Name:	after.jpg 
Views:	364 
Size:	88.1 KB 
ID:	3617  

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v150 Need to move add to cart Button!!
    By Darion in forum General Questions
    Replies: 3
    Last Post: 19 Sep 2012, 08:11 PM
  2. v150 Move add to cart button
    By CnTGifts in forum General Questions
    Replies: 2
    Last Post: 5 May 2012, 09:52 PM
  3. move add to cart button
    By marypotter in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 4 Jun 2008, 05:47 AM
  4. Move add to cart button
    By chufty bill in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 8 Sep 2006, 04:56 PM
  5. move add to cart button
    By mole69 in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 13 Aug 2006, 04:15 AM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR