Zen Cart Logo
Forums / Addon Templates / Winchester Responsive

Winchester Responsive

Views: 443,031

Results 121 to 140 of 953
14 May 2014, 6:12 PM
#121
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Winchester Responsive

Ok, I have a fix for the shopping cart update problem. Here is the new includes/templates/winchester_responsive/templates/tpl_shopping_cart_default.php file:

<?php
/**
 * Page Template
 *
 * Loaded automatically by index.php?main_page=shopping_cart.<br />
 * Displays shopping-cart contents
 *
 * @package templateSystem
 * @copyright Copyright 2003-2010 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_shopping_cart_default.php 15881 2010-04-11 16:32:39Z wilt $
 */
?>
<div class="centerColumn" id="shoppingCartDefault">
<?php
  if ($flagHasCartContents) {
?>

<?php
  if ($_SESSION['cart']->count_contents() > 0) {
?>
<div class="forward"><?php echo TEXT_VISITORS_CART; ?></div>
<?php
  }
?>

<h1 id="cartDefaultHeading"><?php echo HEADING_TITLE; ?></h1>

<?php if ($messageStack->size('shopping_cart') > 0) echo $messageStack->output('shopping_cart'); ?>

<?php echo zen_draw_form('cart_quantity', zen_href_link(FILENAME_SHOPPING_CART, 'action=update_product', $request_type)); ?>
<div id="cartInstructionsDisplay" class="content"><?php echo TEXT_INFORMATION; ?></div>

<?php if (!empty($totalsDisplay)) { ?>
  <div class="cartTotalsDisplay important"><?php echo $totalsDisplay; ?></div>
  <br class="clearBoth" />
<?php } ?>

<?php  if ($flagAnyOutOfStock) { ?>

<?php    if (STOCK_ALLOW_CHECKOUT == 'true') {  ?>

<div class="messageStackError"><?php echo OUT_OF_STOCK_CAN_CHECKOUT; ?></div>

<?php    } else { ?>
<div class="messageStackError"><?php echo OUT_OF_STOCK_CANT_CHECKOUT; ?></div>

<?php    } //endif STOCK_ALLOW_CHECKOUT ?>
<?php  } //endif flagAnyOutOfStock ?>

<table  border="0" width="100%" cellspacing="0" cellpadding="0" id="cartContentsDisplay">
     <tr class="tableHeading">

        <th scope="col" id="scProductsHeading"><?php echo TABLE_HEADING_PRODUCTS; ?></th>

        <th scope="col" id="scQuantityHeading"><?php echo TABLE_HEADING_QUANTITY; ?></th>

        <th scope="col" id="scUpdateQuantity"> </th>
        <th scope="col" id="scUnitHeading"><?php echo TABLE_HEADING_PRICE; ?></th>

        <th scope="col" id="scTotalHeading"><?php echo TABLE_HEADING_TOTAL; ?></th>
        <th scope="col" id="scRemoveHeading"> </th>
     </tr>
         <!-- Loop through all products /-->
<?php
  foreach ($productArray as $product) {
?>
     <tr class="<?php echo $product['rowClass']; ?>">


       <td class="cartProductDisplay">
	   <a href="<?php echo $product['linkProductsName']; ?>"><span id="cartImage" class="back"><?php echo $product['productsImage']; ?></span><span class="mobile-only"><?php echo TABLE_HEADING_PRODUCTS; ?>:</span><span id="cartProdTitle"><?php echo $product['productsName'] . '<span class="alert bold">' . $product['flagStockCheck'] . '</span>'; ?></span></a>
<br class="clearBoth" />


<?php
  echo $product['attributeHiddenField'];
  if (isset($product['attributes']) && is_array($product['attributes'])) {
  echo '<div class="cartAttribsList">';
  echo '<ul>';
    reset($product['attributes']);
    foreach ($product['attributes'] as $option => $value) {
?>

<li><?php echo $value['products_options_name'] . TEXT_OPTION_DIVIDER . nl2br($value['products_options_values_name']); ?></li>

<?php
    }
  echo '</ul>';
  echo '</div>';
  }
?>
       </td>


       <td class="cartQuantity">

 <span class="mobile-only">Quantity:</span>
<?php
  if ($product['flagShowFixedQuantity']) {
    echo $product['showFixedQuantityAmount'] . '<br /><span class="alert bold">' . $product['flagStockCheck'] . '</span><br /><br />' . $product['showMinUnits'];
  } else {
    echo $product['quantityField'] . '<br /><span class="alert bold">' . $product['flagStockCheck'] . '</span><br /><br />' . $product['showMinUnits'];
  }
?>
       </td>

       <td class="cartQuantityUpdate">
<?php
  if ($product['buttonUpdate'] == '') {
    echo '' ;
  } else {
    echo $product['buttonUpdate'];
  }
?>
       </td>



       <td class="cartUnitDisplay">
	   <span class="mobile-only"><?php echo TABLE_HEADING_PRICE; ?>:</span>
<?php echo $product['productsPriceEach']; ?></td>


       <td class="cartTotalDisplay">

<span class="mobile-only label">
						<?php echo TABLE_HEADING_TOTAL; ?>:
            </span>

<?php echo $product['productsPrice']; ?></td>
       <td class="cartRemoveItemDisplay">
<?php
  if ($product['buttonDelete']) {
?>
           <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, 'action=remove_product&product_id=' . $product['id']); ?>"><?php echo zen_image($template->get_template_dir(ICON_IMAGE_TRASH, DIR_WS_TEMPLATE, $current_page_base,'images/icons'). '/' . ICON_IMAGE_TRASH, ICON_TRASH_ALT); ?></a>
<?php
  }
  if ($product['checkBoxDelete'] ) {
    echo zen_draw_checkbox_field('cart_delete[]', $product['id']);
  }
?>
</td>
     </tr>
<?php
  } // end foreach ($productArray as $product)
?>
       <!-- Finished loop through all products /-->
      </table>

<div id="cartSubTotal"><?php echo SUB_TITLE_SUB_TOTAL; ?> <?php echo $cartShowTotal; ?></div>
<br class="clearBoth" />

<!--bof shopping cart buttons-->
<div class="buttonRow forward"><?php echo '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a>'; ?></div>
<div class="buttonRow back"><?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_CONTINUE_SHOPPING, BUTTON_CONTINUE_SHOPPING_ALT) . '</a>'; ?></div>
<?php
// show update cart button
  if (SHOW_SHOPPING_CART_UPDATE == 2 or SHOW_SHOPPING_CART_UPDATE == 3) {
?>
<div class="buttonRow back"><?php echo zen_image_submit(ICON_IMAGE_UPDATE, ICON_UPDATE_ALT); ?></div>
<?php
  } else { // don't show update button below cart
?>
<?php
  } // show update button
?>
<!--eof shopping cart buttons-->
</form>

<br class="clearBoth" />
<?php
    if (SHOW_SHIPPING_ESTIMATOR_BUTTON == '1') {
?>

<div class="buttonRow back"><?php echo '<a href="javascript:popupWindow(\'' . zen_href_link(FILENAME_POPUP_SHIPPING_ESTIMATOR) . '\')">' .
 zen_image_button(BUTTON_IMAGE_SHIPPING_ESTIMATOR, BUTTON_SHIPPING_ESTIMATOR_ALT) . '</a>'; ?></div>
<?php
    }
?>

<!-- ** BEGIN PAYPAL EXPRESS CHECKOUT ** -->
<?php  // the tpl_ec_button template only displays EC option if cart contents >0 and value >0
if (defined('MODULE_PAYMENT_PAYPALWPP_STATUS') && MODULE_PAYMENT_PAYPALWPP_STATUS == 'True') {
  include(DIR_FS_CATALOG . DIR_WS_MODULES . 'payment/paypal/tpl_ec_button.php');
}
?>
<!-- ** END PAYPAL EXPRESS CHECKOUT ** -->

<?php
      if (SHOW_SHIPPING_ESTIMATOR_BUTTON == '2') {
/**
 * load the shipping estimator code if needed
 */
?>
      <?php require(DIR_WS_MODULES . zen_get_module_directory('shipping_estimator.php')); ?>

<?php
      }
?>
<?php
  } else {
?>

<h2 id="cartEmptyText"><?php echo TEXT_CART_EMPTY; ?></h2>

<?php
$show_display_shopping_cart_empty = $db->Execute(SQL_SHOW_SHOPPING_CART_EMPTY);

while (!$show_display_shopping_cart_empty->EOF) {
?>

<?php
  if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_FEATURED_PRODUCTS') { ?>
<?php
/**
 * display the Featured Products Center Box
 */
?>
<?php require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php'); ?>
<?php } ?>

<?php
  if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_SPECIALS_PRODUCTS') { ?>
<?php
/**
 * display the Special Products Center Box
 */
?>
<?php require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_specials_default.php'); ?>
<?php } ?>

<?php
  if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_NEW_PRODUCTS') { ?>
<?php
/**
 * display the New Products Center Box
 */
?>
<?php require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?>
<?php } ?>

<?php
  if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_UPCOMING') {
    include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS));
  }
?>
<?php
  $show_display_shopping_cart_empty->MoveNext();
} // !EOF
?>
<?php
  }
?>
</div>

Also, make these css changes:

In includes/templates/winchester_responsive/css/responsive_default.css and includes/templates/winchester_responsive/css/responsive_mobile.css, remove these lines:

#cartContentsDisplay .cartQuantity{display:none;}                                                                                                                                                 
#cartContentsDisplay .cartQuantityUpdate{display:none;}                                                                                                                                             #cartContentsDisplay .cartRemoveItemDisplay{display:none;}
.cartProductDisplay IMG,span#cartImage.back {display: none;visibility: hidden;}

You will find them more than once in each file.

Then add these lines around line 153 and 285 in includes/templates/winchester_responsive/css/responsive_default.css:

.cartAttribsList, #cartContentsDisplay .cartRemoveItemDisplay, #cartContentsDisplay .cartUnitDisplay, #cartContentsDisplay .cartTotalDisplay, #cartContentsDisplay .cartQuantity-mobile, #cartContentsDisplay .cartQuantity, #cartContentsDisplay .cartQuantityUpdate{padding-left:85px;}
#cartContentsDisplay .cartRemoveItemDisplay{margin-bottom:10px;}
#cartContentsDisplay .cartQuantity br{display:none;}

Add the same lines (above) to the includes/templates/winchester_responsive/css/responsive_mobile.css around lines 148 and 277.

I will be submitting an updated template package with all fixes so far posted in this thread asap ;)

Thanks,

Anne

14 May 2014, 7:07 PM
#122
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

picaflor-azul:

If you put a width on the .content-slider, the slide show will expand to fit the width you have specified.

Thanks,

AnneThanks Anne.. Actually this was the first thing I tried, and then I got sidetracked.. This is what happens when you work late and are punch drunk tired..:smile:

14 May 2014, 7:08 PM
#123
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

Love it!!! the spirit of cooperation and testing and collaboration is in the air!!!!! :smile:

picaflor-azul:

Ok, I have a fix for the shopping cart update problem. Here is the new includes/templates/winchester_responsive/templates/tpl_shopping_cart_default.php file:

<?php /** * Page Template * * Loaded automatically by index.php?main_page=shopping_cart.<br /> * Displays shopping-cart contents * * @package templateSystem * @copyright Copyright 2003-2010 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_shopping_cart_default.php 15881 2010-04-11 16:32:39Z wilt $ */ ?> <div class="centerColumn" id="shoppingCartDefault"> <?php if ($flagHasCartContents) { ?> <?php if ($_SESSION['cart']->count_contents() > 0) { ?> <div class="forward"><?php echo TEXT_VISITORS_CART; ?></div> <?php } ?> <h1 id="cartDefaultHeading"><?php echo HEADING_TITLE; ?></h1> <?php if ($messageStack->size('shopping_cart') > 0) echo $messageStack->output('shopping_cart'); ?> <?php echo zen_draw_form('cart_quantity', zen_href_link(FILENAME_SHOPPING_CART, 'action=update_product', $request_type)); ?> <div id="cartInstructionsDisplay" class="content"><?php echo TEXT_INFORMATION; ?></div> <?php if (!empty($totalsDisplay)) { ?> <div class="cartTotalsDisplay important"><?php echo $totalsDisplay; ?></div> <br class="clearBoth" /> <?php } ?> <?php if ($flagAnyOutOfStock) { ?> <?php if (STOCK_ALLOW_CHECKOUT == 'true') { ?> <div class="messageStackError"><?php echo OUT_OF_STOCK_CAN_CHECKOUT; ?></div> <?php } else { ?> <div class="messageStackError"><?php echo OUT_OF_STOCK_CANT_CHECKOUT; ?></div> <?php } //endif STOCK_ALLOW_CHECKOUT ?> <?php } //endif flagAnyOutOfStock ?> <table border="0" width="100%" cellspacing="0" cellpadding="0" id="cartContentsDisplay"> <tr class="tableHeading">
    <th scope="col" id="scProductsHeading"><?php echo TABLE_HEADING_PRODUCTS; ?></th>

    <th scope="col" id="scQuantityHeading"><?php echo TABLE_HEADING_QUANTITY; ?></th>

    <th scope="col" id="scUpdateQuantity"> </th>
    <th scope="col" id="scUnitHeading"><?php echo TABLE_HEADING_PRICE; ?></th>

    <th scope="col" id="scTotalHeading"><?php echo TABLE_HEADING_TOTAL; ?></th>
    <th scope="col" id="scRemoveHeading"> </th>
 </tr>
     <!-- Loop through all products /-->
<?php foreach ($productArray as $product) { ?>
 <tr class="<?php echo $product['rowClass']; ?>">


   <td class="cartProductDisplay">
   <a href="<?php echo $product['linkProductsName']; ?>"><span id="cartImage" class="back"><?php echo $product['productsImage']; ?></span><span class="mobile-only"><?php echo TABLE_HEADING_PRODUCTS; ?>:</span><span id="cartProdTitle"><?php echo $product['productsName'] . '<span class="alert bold">' . $product['flagStockCheck'] . '</span>'; ?></span></a>
<br class="clearBoth" /> <?php echo $product['attributeHiddenField']; if (isset($product['attributes']) && is_array($product['attributes'])) { echo '<div class="cartAttribsList">'; echo '<ul>'; reset($product['attributes']); foreach ($product['attributes'] as $option => $value) { ?> <li><?php echo $value['products_options_name'] . TEXT_OPTION_DIVIDER . nl2br($value['products_options_values_name']); ?></li> <?php } echo '</ul>'; echo '</div>'; } ?>
   </td>


   <td class="cartQuantity">

<span class="mobile-only">Quantity:</span>

<?php if ($product['flagShowFixedQuantity']) { echo $product['showFixedQuantityAmount'] . '<br /><span class="alert bold">' . $product['flagStockCheck'] . '</span><br /><br />' . $product['showMinUnits']; } else { echo $product['quantityField'] . '<br /><span class="alert bold">' . $product['flagStockCheck'] . '</span><br /><br />' . $product['showMinUnits']; } ?>
   </td>

   <td class="cartQuantityUpdate">
<?php if ($product['buttonUpdate'] == '') { echo '' ; } else { echo $product['buttonUpdate']; } ?>
   </td>



   <td class="cartUnitDisplay">
   <span class="mobile-only"><?php echo TABLE_HEADING_PRICE; ?>:</span>
<?php echo $product['productsPriceEach']; ?></td>
   <td class="cartTotalDisplay">
<span class="mobile-only label"> <?php echo TABLE_HEADING_TOTAL; ?>: </span> <?php echo $product['productsPrice']; ?></td>
   <td class="cartRemoveItemDisplay">
<?php if ($product['buttonDelete']) { ?>
       <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, 'action=remove_product&product_id=' . $product['id']); ?>"><?php echo zen_image($template->get_template_dir(ICON_IMAGE_TRASH, DIR_WS_TEMPLATE, $current_page_base,'images/icons'). '/' . ICON_IMAGE_TRASH, ICON_TRASH_ALT); ?></a>
<?php } if ($product['checkBoxDelete'] ) { echo zen_draw_checkbox_field('cart_delete[]', $product['id']); } ?> </td> </tr> <?php } // end foreach ($productArray as $product) ?> <!-- Finished loop through all products /--> </table> <div id="cartSubTotal"><?php echo SUB_TITLE_SUB_TOTAL; ?> <?php echo $cartShowTotal; ?></div> <br class="clearBoth" /> <!--bof shopping cart buttons--> <div class="buttonRow forward"><?php echo '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a>'; ?></div> <div class="buttonRow back"><?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_CONTINUE_SHOPPING, BUTTON_CONTINUE_SHOPPING_ALT) . '</a>'; ?></div> <?php // show update cart button if (SHOW_SHOPPING_CART_UPDATE == 2 or SHOW_SHOPPING_CART_UPDATE == 3) { ?> <div class="buttonRow back"><?php echo zen_image_submit(ICON_IMAGE_UPDATE, ICON_UPDATE_ALT); ?></div> <?php } else { // don't show update button below cart ?> <?php } // show update button ?> <!--eof shopping cart buttons--> </form> <br class="clearBoth" /> <?php if (SHOW_SHIPPING_ESTIMATOR_BUTTON == '1') { ?> <div class="buttonRow back"><?php echo '<a href="javascript:popupWindow(\'' . zen_href_link(FILENAME_POPUP_SHIPPING_ESTIMATOR) . '\')">' . zen_image_button(BUTTON_IMAGE_SHIPPING_ESTIMATOR, BUTTON_SHIPPING_ESTIMATOR_ALT) . '</a>'; ?></div> <?php } ?> <!-- ** BEGIN PAYPAL EXPRESS CHECKOUT ** --> <?php // the tpl_ec_button template only displays EC option if cart contents >0 and value >0 if (defined('MODULE_PAYMENT_PAYPALWPP_STATUS') && MODULE_PAYMENT_PAYPALWPP_STATUS == 'True') { include(DIR_FS_CATALOG . DIR_WS_MODULES . 'payment/paypal/tpl_ec_button.php'); } ?> <!-- ** END PAYPAL EXPRESS CHECKOUT ** --> <?php if (SHOW_SHIPPING_ESTIMATOR_BUTTON == '2') { /** * load the shipping estimator code if needed */ ?>
  <?php require(DIR_WS_MODULES . zen_get_module_directory('shipping_estimator.php')); ?>
<?php } ?> <?php } else { ?> <h2 id="cartEmptyText"><?php echo TEXT_CART_EMPTY; ?></h2> <?php $show_display_shopping_cart_empty = $db->Execute(SQL_SHOW_SHOPPING_CART_EMPTY); while (!$show_display_shopping_cart_empty->EOF) { ?> <?php if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_FEATURED_PRODUCTS') { ?> <?php /** * display the Featured Products Center Box */ ?> <?php require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php'); ?> <?php } ?> <?php if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_SPECIALS_PRODUCTS') { ?> <?php /** * display the Special Products Center Box */ ?> <?php require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_specials_default.php'); ?> <?php } ?> <?php if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_NEW_PRODUCTS') { ?> <?php /** * display the New Products Center Box */ ?> <?php require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?> <?php } ?> <?php if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_UPCOMING') { include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS)); } ?> <?php $show_display_shopping_cart_empty->MoveNext(); } // !EOF ?> <?php } ?> </div> ``` > > Also, make these css changes: > > In includes/templates/winchester_responsive/css/responsive_default.css and includes/templates/winchester_responsive/css/responsive_mobile.css, remove these lines: > > ``` #cartContentsDisplay .cartQuantity{display:none;} #cartContentsDisplay .cartQuantityUpdate{display:none;} #cartContentsDisplay .cartRemoveItemDisplay{display:none;} .cartProductDisplay IMG,span#cartImage.back {display: none;visibility: hidden;} ``` > > You will find them more than once in each file. > > Then add these lines around line 153 and 285 in includes/templates/winchester_responsive/css/responsive_default.css: > > ``` .cartAttribsList, #cartContentsDisplay .cartRemoveItemDisplay, #cartContentsDisplay .cartUnitDisplay, #cartContentsDisplay .cartTotalDisplay, #cartContentsDisplay .cartQuantity-mobile, #cartContentsDisplay .cartQuantity, #cartContentsDisplay .cartQuantityUpdate{padding-left:85px;} #cartContentsDisplay .cartRemoveItemDisplay{margin-bottom:10px;} #cartContentsDisplay .cartQuantity br{display:none;} ``` > > Add the same lines (above) to the includes/templates/winchester_responsive/css/responsive_mobile.css around lines 148 and 277. > > I will be submitting an updated template package with all fixes so far posted in this thread asap ;) > > > Thanks, > > Anne
14 May 2014, 7:10 PM
#124
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

Yep this did the trick.. Thanks! The right stylesheet is being pulled, the scroll works as I expect..

but I have another issue:lookaroun.. (more on that when I get home and can speak coherently:laugh:)

rbarbour:

@DivaVocals, Crystal

The above should work now with the scroller as well.

<?php if ($detect->isMobile() && !$detect->isTablet() or $detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $_SESSION['display_mode']=='isMobile') { ?> <script type="text/javascript"><!-- $(document).ready(function() { $("#foo1").carouFredSel({ auto: false, align: "center", padding: [0, 25, 0, 20], width: "100%", height: "auto", items: { }, scroll: 1, <!--SHOW 1 ON PHONES--> prev : { button : "#foo1_prev", }, next : { button : "#foo1_next", } }); }); --></script> <?php } else if ($detect->isTablet() or $detect->isMobile() && $_SESSION['display_mode']=='isTablet' or $detect->isTablet() && $_SESSION['display_mode']=='isTablet' or $_SESSION['display_mode']=='isTablet'){ ?> <script type="text/javascript"><!-- $(document).ready(function() { $("#foo1").carouFredSel({ auto: false, align: "center", padding: [0, 25, 0, 20], width: "100%", height: "auto", items: { }, scroll: 3, <!--SHOW 3 ON TABLETS--> prev : { button : "#foo1_prev", }, next : { button : "#foo1_next", } }); }); --></script> <?php } else if ($detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isDesktop' or $detect->isTablet() && $_SESSION['display_mode']=='isDesktop' or $_SESSION['display_mode']=='isNonResponsive'){ ?> <script type="text/javascript"><!-- $(document).ready(function() { $("#foo1").carouFredSel({ auto: false, align: "center", padding: [0, 25, 0, 20], width: "100%", height: "auto", items: { }, scroll: 5, <!--SHOW 5 ON NON-RESPONSIVE DESKTOPS--> prev : { button : "#foo1_prev", }, next : { button : "#foo1_next", } }); }); --></script> <?php } else { ?> <script type="text/javascript"><!-- $(document).ready(function() { $("#foo1").carouFredSel({ auto: false, align: "center", padding: [0, 25, 0, 20], width: "100%", height: "auto", items: { }, scroll: 4, <!--SHOW 4 ON RESPONSIVE DESKTOPS--> prev : { button : "#foo1_prev", }, next : { button : "#foo1_next", } }); }); --></script> <?php } ?>
14 May 2014, 7:49 PM
#125
rixstix avatar

rixstix

Totally Zenned

Join Date:
Aug 2009
Location:
North Idaho, USA
Posts:
2,015
Plugin Contributions:
0

Re: Winchester Responsive

picaflor-azul:

Ok, I have a fix for the shopping cart update problem.

Anne

Shopping cart buttons seem to be functioning as expected here too.
TNX Anne

14 May 2014, 11:44 PM
#126
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Winchester Responsive

Just submitted an update to the template package covering all of the bugs mentioned so far in this support thread including:

  • Updated YOUR_ADMIN/includes/installers/winchester_responsive/1_0.php to use constants for all table names so the installer does not fail when a table prefix is used

  • Fixed shopping cart update bug includes/templates/winchester_responsive/templates/tpl_shopping_cart_default.php

  • Fixed php mobile detect script includes/templates/winchester_responsive/common/html_header.php

  • Added type="text/javascript" to jscripts in includes/templates/winchester_responsive/templates/tpl_modules_mobile_categories_tabs.php

  • Removed #'s from includes/templates/winchester_responsive/templates/tpl_modules_mobile_categories_tabs.php to make the menu touch friendly

  • Changed tab slide out panel to on click for mobile compatibility includes/templates/winchester_responsive/common/tpl_home_slider.php

  • Fixed product reviews write page includes/templates/winchester_responsive/templates/tpl_product_reviews_write_default.php

  • Added various fixes to includes/templates/winchester_responsive/css/stylesheet.css, includes/templates/winchester_responsive/css/responsive_default.css, includes/templates/winchester_responsive/css/responsive_mobile.css

  • Changed View to View Less in includes/languages/winchester_responsive/english.php line 76

  • Updated includes/classes/split_page_results.php to version 1.5.1 file.

  • Adjusted "details" button position on product listing page. Files changed includes/modules/winchester_respnsive/product_listing.php and includes/templates/winchester_responsive/css/stylesheet.css

  • Added includes/modules/pages/contact_us/header_php.php file to make add subject line to contact form work.

  • Fixed spacing of back button on contact us success page. Files changed includes/templates/winchester_responsive/templates/tpl_contact_us_default.php and includes/templates/winchester_responsive/css/stylesheet.css

Thanks,

Anne

15 May 2014, 2:44 PM
#127
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

picaflor-azul:

If you put a width on the .content-slider, the slide show will expand to fit the width you have specified.

Thanks,

Anne

DivaVocals:

Thanks Anne.. Actually this was the first thing I tried, and then I got sidetracked.. This is what happens when you work late and are punch drunk tired..:smile:

Okay.. So yes this works, but the slider is no longer responsive.. How can I get the slideshow to only be the width of the slides (so they don't stretch across the screen), and still be responsive..

picaflor-azul:

Just submitted an update to the template package covering all of the bugs mentioned so far in this support thread including:

  • Updated YOUR_ADMIN/includes/installers/winchester_responsive/1_0.php to use constants for all table names so the installer does not fail when a table prefix is used

  • Fixed shopping cart update bug includes/templates/winchester_responsive/templates/tpl_shopping_cart_default.php

  • Fixed php mobile detect script includes/templates/winchester_responsive/common/html_header.php

  • Added type="text/javascript" to jscripts in includes/templates/winchester_responsive/templates/tpl_modules_mobile_categories_tabs.php

  • Removed #'s from includes/templates/winchester_responsive/templates/tpl_modules_mobile_categories_tabs.php to make the menu touch friendly

  • Changed tab slide out panel to on click for mobile compatibility includes/templates/winchester_responsive/common/tpl_home_slider.php

  • Fixed product reviews write page includes/templates/winchester_responsive/templates/tpl_product_reviews_write_default.php

  • Added various fixes to includes/templates/winchester_responsive/css/stylesheet.css, includes/templates/winchester_responsive/css/responsive_default.css, includes/templates/winchester_responsive/css/responsive_mobile.css

  • Changed View to View Less in includes/languages/winchester_responsive/english.php line 76

  • Updated includes/classes/split_page_results.php to version 1.5.1 file.

  • Adjusted "details" button position on product listing page. Files changed includes/modules/winchester_respnsive/product_listing.php and includes/templates/winchester_responsive/css/stylesheet.css

  • Added includes/modules/pages/contact_us/header_php.php file to make add subject line to contact form work.

  • Fixed spacing of back button on contact us success page. Files changed includes/templates/winchester_responsive/templates/tpl_contact_us_default.php and includes/templates/winchester_responsive/css/stylesheet.css

Thanks,

AnneIs this available for download from your site while we wait for the admins to approve the new submission??

15 May 2014, 3:39 PM
#128
rixstix avatar

rixstix

Totally Zenned

Join Date:
Aug 2009
Location:
North Idaho, USA
Posts:
2,015
Plugin Contributions:
0

Re: Winchester Responsive

Am I the only one with Android tablets?

Slimmenu doesn't play nice with Android touch input but does play nice with Apple touch input.

When finger lifts from the screen, the slimmenu collapses making it impossible to choose any categories which extend off the bottom of the screen.

Customer with Apple tablet does not have an issue when finger lifts from their Apple tablet.

15 May 2014, 4:04 PM
#129
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

RixStix:

Am I the only one with Android tablets?

Slimmenu doesn't play nice with Android touch input but does play nice with Apple touch input.

When finger lifts from the screen, the slimmenu collapses making it impossible to choose any categories which extend off the bottom of the screen.

Customer with Apple tablet does not have an issue when finger lifts from their Apple tablet.

I have the same issue/frustration as you with this menu on my Android tablets.. The mobile (compressed) menu works just fine, but in landscape mode on my Galaxy Tab, the full size menu behaves just as you describe.. (can't gt to the sub-menus) Looking at replacing the menu altogether for that reason.. Have two I got from CodeCanyon that I'm gonna try out. The demo for these menus appeared to work with my Android tabs..

15 May 2014, 5:49 PM
#130
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Winchester Responsive

DivaVocals:

Okay.. So yes this works, but the slider is no longer responsive.. How can I get the slideshow to only be the width of the slides (so they don't stretch across the screen), and still be responsive..

Is this available for download from your site while we wait for the admins to approve the new submission??

Yes, it is on the web site.

Be sure that you are using a percentage for the width for it to remain responsive.

Thanks,

Anne

15 May 2014, 5:51 PM
#131
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Winchester Responsive

DivaVocals:

I have the same issue/frustration as you with this menu on my Android tablets.. The mobile (compressed) menu works just fine, but in landscape mode on my Galaxy Tab, the full size menu behaves just as you describe.. (can't gt to the sub-menus) Looking at replacing the menu altogether for that reason.. Have two I got from CodeCanyon that I'm gonna try out. The demo for these menus appeared to work with my Android tabs..

If you find any menus that work that are released under a license compatible with the free templates, let me know and I can implement them ;)

Thanks,

Anne

15 May 2014, 7:20 PM
#132
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

picaflor-azul:

If you find any menus that work that are released under a license compatible with the free templates, let me know and I can implement them ;)

Thanks,

Anne
That was the plan..:smile: to be honest Anne I have the same issue with your other responsive templates and the mega menus they use. On my Android tablet, they do not let me get to the submenus..

15 May 2014, 7:43 PM
#133
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Winchester Responsive

DivaVocals:

That was the plan..:smile: to be honest Anne I have the same issue with your other responsive templates and the mega menus they use. On my Android tablet, they do not let me get to the submenus..

The pure css mega menu is definitely not touch friendly. Hopefully, after upgrading the other responsive templates to the new code you will be served the tablet layout which has the touch friendly menu. I would be interested in knowing if it is working for you.

Does this demo work for you:

http://cdn.tutsplus.com/webdesign/uploads/legacy/tuts/378_tessa/tessa-lt-dropdowns-21c7868/index.html

Thanks,

Anne

15 May 2014, 7:43 PM
#134
rixstix avatar

rixstix

Totally Zenned

Join Date:
Aug 2009
Location:
North Idaho, USA
Posts:
2,015
Plugin Contributions:
0

Re: Winchester Responsive

DivaVocals:

I have the same issue with your other responsive templates and the mega menus they use. On my Android tablet, they do not let me get to the submenus..

Ditto, that's hard to say just thinking of how much work must go into putting a template of this complexity together. That is the main reason that I've been dragging my feet with my upgrade. I just don't have time, nor can we afford to have customers go elsewhere because they cannot easily navigate the site. If the functionality is required to be different depending upon which button you're wanting to click or tap, many consumers just can't grasp that idea. I didn't realize that Apple tablets did not have that issue until yesterday when I asked an Apple user to check out the navigation.

We must have the most computer challenged or un-web-savvy customers in the world. I use gift certificates as the test. 100% of the gift certificates sold require admin intervention & dealing with grumpy customers and grumpy GC recipients regardless of how easy people say gift certificates are.

16 May 2014, 3:21 AM
#135
yaritai avatar

yaritai

Zen Follower

Join Date:
Apr 2014
Posts:
154
Plugin Contributions:
0

Re: Winchester Responsive

rbarbour:

In: \includes\templates\winchester_responsive\common\html_header.php

find:

if ($detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $_SESSION['display_mode']=='isMobile'){

echo $responsive_mobile;

} else if ($detect->isMobile() && $_SESSION['display_mode']=='isTablet' or $detect->isTablet() && $_SESSION['display_mode']=='isTablet' or $_SESSION['display_mode']=='isTablet'){

echo $responsive_tablet;

} else if ($detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isDesktop' or $detect->isTablet() && $_SESSION['display_mode']=='isDesktop' or $_SESSION['display_mode']=='isNonResponsive'){

echo '';

} else {

echo $responsive_default;

}
}

> 
> and replace with:
> ```
if ($detect->isMobile() && !$detect->isTablet() or $detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $_SESSION['display_mode']=='isMobile') {

    echo $responsive_mobile;

} else if ($detect->isTablet() or $detect->isMobile() && $_SESSION['display_mode']=='isTablet' or $detect->isTablet() && $_SESSION['display_mode']=='isTablet' or $_SESSION['display_mode']=='isTablet'){

    echo $responsive_tablet;

} else if ($detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isDesktop' or $detect->isTablet() && $_SESSION['display_mode']=='isDesktop' or $_SESSION['display_mode']=='isNonResponsive'){

    echo '';

} else {

    echo $responsive_default;

  }  
}

Just wanted to add that since the session display mode is not set unless clicking the switches, I think the if statements should be changed to:

if ($detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='' or $detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $_SESSION['display_mode']=='isMobile') {

    echo $responsive_mobile;

} else if ($detect->isTablet() && $_SESSION['display_mode']=='' or $detect->isMobile() && $_SESSION['display_mode']=='isTablet' or $detect->isTablet() && $_SESSION['display_mode']=='isTablet' or $_SESSION['display_mode']=='isTablet'){

    echo $responsive_tablet;

} else if ($detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isDesktop' or $detect->isTablet() && $_SESSION['display_mode']=='isDesktop' or $_SESSION['display_mode']=='isNonResponsive'){

    echo '';

} else {

    echo $responsive_default;

  }  

Basically I just added $_SESSION['display_mode']==''. This would now allow the view to change for those who are using the switches. These changes should also be used in places where the mobile detect is using this same if statement structure. I have not looked at what files are affected but do recall other files that use it to call specific files/code.

Without the changes above, the switches would not do anything as the addition of the 2.0 code workaround would always override the switch.

16 May 2014, 10:57 AM
#136
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Winchester Responsive

yaritai:

Just wanted to add that since the session display mode is not set unless clicking the switches, I think the if statements should be changed to:

Basically I just added $_SESSION['display_mode']==''. This would now allow the view to change for those who are using the switches. These changes should also be used in places where the mobile detect is using this same if statement structure. I have not looked at what files are affected but do recall other files that use it to call specific files/code.

Without the changes above, the switches would not do anything as the addition of the 2.0 code workaround would always override the switch.

The reason it was not working is because it was looking for a $_SESSION on page load which did not exist, I fixed that!

Now the php-detect class renders the proper responsive files on page load and YES, sets the $_SESSION after a link is clicked.

My fix will be added to the update of the DIY Responsive Template Default for v1.5.x package, Anne may use or choose to go your route or any other as she sees fit. Just looking at what you provided, I'm sure it works but have not tested.

16 May 2014, 3:01 PM
#137
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Winchester Responsive

rbarbour:

The reason it was not working is because it was looking for a $_SESSION on page load which did not exist, I fixed that!

Now the php-detect class renders the proper responsive files on page load and YES, sets the $_SESSION after a link is clicked.

My fix will be added to the update of the DIY Responsive Template Default for v1.5.x package, Anne may use or choose to go your route or any other as she sees fit. Just looking at what you provided, I'm sure it works but have not tested.

I did implement your fix and all is working well now with the php mobile detect script :)

Thanks,

Anne

16 May 2014, 6:39 PM
#138
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

So I'm close, but missing the forest for the trees again.. Trying to get the legal/copyright on the left and the bottom footer links on the right of the footer, and it's ALMOST there, but not quite..

So in the common/tpl_footer.php file I made these two changes:

<div id="siteinfoLegal" class="legalCopyright back">

and

<div id="footer-bottom" class="forward">

then made these changes to the stylesheet:

#siteinfoLegal, #footer-bottom {padding: .5em 0 0;width:50%;line-height:normal;clear:both;color:#f4f4f4 ;background:#transparent;/*text-align:center;margin-bottom:30px;*/font-size:80%;}
#footer-bottom {text-align:right;padding-bottom:30px;}
#siteinfoLegal a, #footer-bottom a {padding: 0 0.5em 0 0.5em;color: #f4f4f4;white-space: nowrap;}
#siteinfoLegal a:hover, #footer-bottom a:hover {color: #a9233b;}

This gets the legal/copyright on the left and the bottom footer links on the right of the footer. BUT as you can see the legal/copyright is not top aligned with the bottom footer links.. Grrrrrrr.. what the heck am I missing here??

http://client2(dot)zencart-wordpress-integration(dot)com

16 May 2014, 8:09 PM
#139
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,080
Plugin Contributions:
56

Re: Winchester Responsive

stylesheet.css, line 360, remove clear: both;

16 May 2014, 9:38 PM
#140
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

lat9:

stylesheet.css, line 360, remove clear: both;
Doh.. I knew that.. kinda..sorta.. ahhh hell.. thanks!:laugh: