Images keeping loading vertically...

[toomanyknots]

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:



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:

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

[lruskauff]

Hello again
This isn't related but I hope you are going to change your footer color. It hurts my eyes when I try to read it. Just a thought.

L

[lruskauff]

I don't know if you are hooked on your template but there are some nice free ones on here. This one has demo w multiple pictures.

http://www.zenlyzen.com/responsive-z...&products_id=1

[toomanyknots]

Yes I totally understand, it's not the first time I've heard that. I also heard my mega menu colors are not great... I have had trouble finding out which code to change to alter the text color on the footer. It's like I have to change five different codes just to get ever single individual color to change. I would like to change the "old world archery" in the copyright to a something other than black as well, but I can't find the code.

[kobra]

But then they stack in rows of two, where I would like them to be all in one row

If you have a max of four see this setting

admin > config > images > Product Info - Number of Additional Images per Row > set to four

[toomanyknots]

If you have a max of four see this setting

admin > config > images > Product Info - Number of Additional Images per Row > set to four

I checked my settings. I had the default 3, switched it to 4, and still the same result.

[kobra]

Switch to the classic template and if there are four you have narrowed this issue to one in your template

[toomanyknots]

Switch to the classic template and if there are four you have narrowed this issue to one in your template

What are you thinking it is? I am thinking it is the wrapper that is creating the the 4 images stacking. I am still at a loss for how to fix the images from loading in the featured/new/special products carousels. Also, anybody got any ideas how to adjust the info in the product_info_display.php file to get the images to not stack in twos like they are doing?

[nigelt74]

after I purchased this template I went to the website the template was sold on and viewed the demo, and sure enough the demo had the same problem. I think it might be the "image carousel" thing, I have the same problem on my home page with the featured products slider. I'd like to replace both the additional image slider and the featured products slider, but I'm not sure how at this point...

As you purchased the template Have you asked the template developer? most of them offer support on their templates, especially purchased ones there should be a support link in the purchase email or site page

[toomanyknots]

As you purchased the template Have you asked the template developer? most of them offer support on their templates, especially purchased ones there should be a support link in the purchase email or site page

Apparently the developer is not selling this template anymore, and I have no way of contacting them. When I did, support wasn't very good to say the least.