Results 1 to 10 of 23

Threaded View

  1. #11
    Join Date
    Jun 2014
    Location
    hamilton, ohio
    Posts
    100
    Plugin Contributions
    0

    Default Re: Images keeping loading vertically...

    Yup, it does away with the loading problem. But then they stack in rows of two, where I would like them to be all in one row. Or possibly use a different image carousel that doesn't load weird. But if I could just adjust the wrapper to where they are in one row, than that would work fine too. Here's an image of what the results look like:

    Name:  temppic2.jpg
Views: 175
Size:  89.3 KB

    You can go here and check it out for yourself as well:

    http://www.oldworldarchery.com/taked...ded-p-417.html

    EDIT: It was tpl_product_info_display.php where I believe the wrapper was that adjusted it, I just could not get it to work right for me. Here is the contents of tpl_product_info_display.php:

    Code:
    <?php
    /**
     * Page Template
     *
     * Loaded automatically by index.php?main_page=product_info.<br />
     * Displays details of a typical product
     *
     * @package templateSystem
     * @copyright Copyright 2003-2011 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_product_info_display.php 19690 2011-10-04 16:41:45Z drbyte $
     */
     //require(DIR_WS_MODULES . '/debug_blocks/product_info_prices.php');
    ?>
    <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', $request_type), 'post', 'enctype="multipart/form-data"') . "\n"; ?>
    <!--eof Form start-->
    
    <?php if ($messageStack->size('product_info') > 0) echo $messageStack->output('product_info'); ?>
    
    <?php require(DIR_WS_MODULES . 'genesis/product_info_rating.php'); ?>
        
    <!--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 class="productInfoWrapper row-fluid">
        <div class="productInfoLeft span5 centeredContent">
        <!--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>
        <div class="productInfoRight span7">
            <!--bof Product Name-->
            <h1 id="productName" class="productGeneral nomargin"><?php echo $products_name; ?></h1>
            <!--eof Product Name-->
    
            <?php if ($flag_show_product_info_reviews_count == 1) { ?>
            <!--bof-Reviews-->
            <p class="rating">
                <?php for($i=1;$i<=5;$i++){ ?>
    				<?php if($i<=round($avg)){ ?>
    					<span class="yellow"><i class="icon-star"></i></span>
    				<?php }else{ ?>
    					<i class="icon-star"></i>	
    				<?php } ?>
    			 <?php } ?>
             <span class="reviewers"><?php echo $reviews->fields['count'] . TEXT_TOTAL_REVIEWERS; ?></span>   
            </p>
            <!--eof-Reviews-->
            <?php } ?>
    
            <!--bof Product Price block -->
            <h3 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>';
              } 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']);
            ?></h3>
            <!--eof Product Price block -->
            
            <hr />
            
            <!--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 = '<div class="qty-box m-input-prepend"><span class="add-on">'. PRODUCTS_ORDER_QTY_TEXT . '</span><input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" class="m-wrap"/></div>' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . '<input type="submit" class="button large add-cart" value="'.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-->
            
            <hr />
            
            <div class="productSharing">
                <!-- AddThis Button BEGIN -->
                <div class="addthis_toolbox addthis_default_style ">
                <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
                <a class="addthis_button_tweet"></a>
                <a class="addthis_button_pinterest_pinit"></a>
                <a class="addthis_counter addthis_pill_style"></a>
                </div>
                <script type="text/javascript">var addthis_config = {"data_track_addressbar":false};</script>
                <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50f91d284f3e8dba"></script>
                <!-- AddThis Button END -->
            </div>
            
            <!--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  -->
        </div>
    </div>
    
    <div class="productInfoTabs">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#description" data-toggle="tab" class="first"><?php echo TEXT_PRODUCTS_DESCRIPTION; ?></a></li>
        <li><a href="#prodInformation" data-toggle="tab"><?php echo TEXT_PRODUCTS_INFORMATION; ?></a></li>
        <?php if ($flag_show_product_info_reviews == 1) { ?>
        <li><a href="#prodReviews" data-toggle="tab"><?php echo TEXT_PRODUCTS_REVIEW . ' ' . '('.$reviews->fields['count'].')'; ?></a></li>
        <?php } ?>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="description">
            <!--bof Product description -->
            <?php if ($products_description != '') { ?>
            <div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
            <?php } ?>
            <!--eof Product description -->
        </div>
        <div class="tab-pane" id="prodInformation">
        <!--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="nomargin">
              <?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>
            <?php
              }
            ?>
        <!--eof Product details list -->
            <!--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 Product date added/available-->
            <?php
              if ($products_date_available > date('Y-m-d H:i:s')) {
                if ($flag_show_product_info_date_available == 1) {
            ?>
              <br /><?php echo sprintf(TEXT_DATE_AVAILABLE, zen_date_long($products_date_available)); ?>
            <?php
                }
              } else {
                if ($flag_show_product_info_date_added == 1) {
            ?>
                  <br /><?php echo sprintf(TEXT_DATE_ADDED, zen_date_long($products_date_added)); ?>
            <?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) {
            ?>
                <br /><?php echo sprintf(TEXT_MORE_INFORMATION, zen_href_link(FILENAME_REDIRECT, 'action=url&goto=' . urlencode($products_url), 'NONSSL', true, false)); ?>
            <?php
                } // $flag_show_product_info_url
              }
            ?>
            <!--eof Product URL -->        
        </div>
        <div class="tab-pane" id="prodReviews">
            <div id="reviews_list">
                <?php if($reviews_detail->RecordCount() > 0){
    			    while(!$reviews_detail->EOF){ ?>
                        <blockquote>
                            <p class="rating">
                                <?php for($i=1;$i<=5;$i++){ ?>
    								<?php if($i<=$reviews_detail->fields['reviews_rating']){ ?>
    									<span class="yellow"><i class="icon-star"></i></span>
    								<?php }else{ ?>
    									<i class="icon-star"></i>	
    								<?php } ?>
    							<?php } ?>
    				        </p>
                            <p><?php echo zen_trunc_string(zen_clean_html(stripslashes($reviews_detail->fields['reviews_text']))); ?></p>
                            <small><?php echo $reviews_detail->fields['customers_name']; ?></small>
                        </blockquote>
                    <?php   $reviews_detail->MoveNext();
                    }	
    		    }?>
            </div>
            <div id="productReviewLink"><a class="button pull-left" href="<?php echo zen_href_link(FILENAME_PRODUCT_REVIEWS, zen_get_all_get_params()); ?>"><?php echo BUTTON_REVIEWS_ALT; ?></a><?php echo '<a class="button pull-right" href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS_WRITE, zen_get_all_get_params(array())) . '">' . BUTTON_WRITE_REVIEW . '</a>'; ?></div>
    
        </div>    
    </div>
    </div>
    
    <!--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 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>
    Last edited by toomanyknots; 12 Oct 2015 at 07:46 PM.

 

 

Similar Threads

  1. v150 Remove space from vertically aligned additional images
    By spiggles87 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 2 Mar 2013, 12:25 PM
  2. v139h Attribute images show vertically not Horizontally
    By ian in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 13 Oct 2012, 11:26 AM
  3. tools > send email > loading loading loading
    By keylesslocks in forum General Questions
    Replies: 6
    Last Post: 29 Aug 2008, 12:10 PM
  4. Loading Images..
    By mallen in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 22 Jul 2006, 10:03 PM

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