-
1 Attachment(s)
Winchester Responsive
This new responsive template package has been built using the newest version of the Responsive DIY Template Default for v1.5.x by rbarbour. A big think you to him for incorporating the php mobile detect script into the package :smile: Be sure to read the readme.html file because installation is much different than out previous free templates. It has been simplified down to a 3 step process and includes an auto installer!
Attachment 14031
See the live demo here:
Winchester Responsive Demo
Download here:
http://www.zen-cart.com/downloads.php?do=file&id=1865
Template Features:
- Super flexible design perfect for all types of ecommerce stores--the possibilities are endless!
- Super easy 3 step install!
- Responsive 2 column display--single column home page layout
- Optimized Drop Down Navigation for hand held devices
- Matching CSS icons included
- CSS Buttons for easier multi language implementation
- Responsive Full Width Home Page slideshow included
- Add your slide show images, set their links, enable/disable images/links, and set open in new window easily, and add captions using the admin banner manager.
- Home page carousel for Featured Products
- Add This social bookmarking added to all product pages (includes Facebook like button, Twitter Tweet Button, Pinterest Pin it button, and 300+ Sharing Services)
- Custom footer featuring a footer menu with customer service, and useful links (ez pages), integrated, and links to your Facebook, Twitter, Youtube, Pinterest, Google Plus, and blog.
- Customized product info page layout
- Tabbed product description, details, reviews, and a custom tab (ad your content using the banner manager) which converts automatically to accodions on hand held devices
- Product reviews show on the product info page
- "View All" option on the product listing pages
- Easily modify the footer using the zen cart admin
- Cross Browser tested in Firefox, IE11, IE10, IE9, IE8, Google Chrome, Opera, and Safari.
- Tested on the iPhone 5 with Mobile Safari 6.0; iPad 4 with Mobile Safari 6.0; Windows Phone 8 with IE10 Mobile; Blackberry Bold 9900 with Blackberry Browser 9900; and Android Nexus 4 with Chrome Mobile 18, Dolphin Mobile 9.3, Firefox Mobile 19, Marathon Mobile 4, Opera Mobile 12, Sleipnir Mobile 2.9 , HTC One, Nokia Lumia 920, Google Nexus 7, Apple iPad Mini, Kindle
- Comes with the following modules installed: Column Layout Grid, About Us Page, Back to Top, Responsive Flexslider, Carousel Featured Products, Bestsellers Thumbnails, Flexible Footer Columns Menu, Easy Responsive Tabs, DG Reveiws on Product Info Page, Contact Us Add Subject, Left Slide Out Panel
- Detailed HTML readme file with written instructions and screenshots, and links to videos for the installation and customization steps.
- Fully compatible with versions 1.5.0 to 1.5.5.
Please post here with your questions, or any bugs you find. Be sure to read the readme.html file included in the template package before posting your question, and read the posts in this thread as you question has probably already been asked and answered ;)
Thanks,
Anne
-
Re: Winchester Responsive
I've got to try this out tonight... :cheers: thank you Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picandnix
I've got to try this out tonight... :cheers: thank you Anne
Great! Please let me know if you have any problems or find any bugs ;)
Thanks,
Anne
-
Re: Winchester Responsive
Nice template.. Have an immediate need for this.. One question.. How difficult will it be to disable/remove the tabbed product page code bundled in?? I don't see where Easy Responsive Tabs is available..
Quote:
Originally Posted by
picaflor-azul
This new responsive template package has been built using the newest version of the Responsive DIY Template Default for v1.5.x by rbarbour. A big think you to him for incorporating the php mobile detect script into the package :smile: Be sure to read the readme.html file because installation is much different than out previous free templates. It has been simplified down to a 3 step process and includes an auto installer!
Attachment 14031
See the live demo here:
Winchester Responsive Demo
Template Features:
- Super flexible design perfect for all types of ecommerce stores--the possibilities are endless!
- Super easy 3 step install!
- Responsive 2 column display--single column home page layout
- Optimized Drop Down Navigation for hand held devices
- Matching CSS icons included
- CSS Buttons for easier multi language implementation
- Responsive Full Width Home Page slideshow included
- Add your slide show images, set their links, enable/disable images/links, and set open in new window easily, and add captions using the admin banner manager.
- Home page carousel for Featured Products
- Add This social bookmarking added to all product pages (includes Facebook like button, Twitter Tweet Button, Pinterest Pin it button, and 300+ Sharing Services)
- Custom footer featuring a footer menu with customer service, and useful links (ez pages), integrated, and links to your Facebook, Twitter, Youtube, Pinterest, Google Plus, and blog.
- Customized product info page layout
- Tabbed product description, details, reviews, and a custom tab (ad your content using the banner manager) which converts automatically to accodions on hand held devices
- Product reviews show on the product info page
- "View All" option on the product listing pages
- Easily modify the footer using the zen cart admin
- Cross Browser tested in Firefox, IE11, IE10, IE9, IE8, Google Chrome, Opera, and Safari.
- Tested on the iPhone 5 with Mobile Safari 6.0; iPad 4 with Mobile Safari 6.0; Windows Phone 8 with IE10 Mobile; Blackberry Bold 9900 with Blackberry Browser 9900; and Android Nexus 4 with Chrome Mobile 18, Dolphin Mobile 9.3, Firefox Mobile 19, Marathon Mobile 4, Opera Mobile 12, Sleipnir Mobile 2.9 , HTC One, Nokia Lumia 920, Google Nexus 7, Apple iPad Mini, Kindle
- Comes with the following modules installed: Column Layout Grid, About Us Page, Back to Top, Responsive Flexslider, Carousel Featured Products, Bestsellers Thumbnails, Flexible Footer Columns Menu, Easy Responsive Tabs, DG Reveiws on Product Info Page, Contact Us Add Subject, Left Slide Out Panel
- Detailed HTML readme file with written instructions and screenshots, and links to videos for the installation and customization steps.
- Fully compatible with versions 1.5x.
Please post here with your questions, or any bugs you find. Be sure to read the readme.html file included in the template package before posting your question, and read the posts in this thread as you question has probably already been asked and answered ;)
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
Nice template.. Have an immediate need for this.. One question.. How difficult will it be to disable/remove the tabbed product page code bundled in?? I don't see where Easy Responsive Tabs is available..
Very easy. You can remove the code from the tpl_product_info_display.php file, remove the jscript file called easyResponsiveTabs.js and remove the css file stylesheet_responsive_tabs.css.
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
Very easy. You can remove the code from the tpl_product_info_display.php file, remove the jscript file called easyResponsiveTabs.js and remove the css file stylesheet_responsive_tabs.css.
Thanks,
Anne
Cool.. I will be using a new improved responsive version of Tabbed Products Pro, and I need to make sure I don't have conflicts..:smile:
BTW, the demo seems to revert to the classic template when clicking into one of the product info pages..
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
Cool.. I will be using a new improved responsive version of Tabbed Products Pro, and I need to make sure I don't have conflicts..:smile:
BTW, the demo seems to revert to the classic template when clicking into one of the product info pages..
Sounds interesting! I would love to see the responsive version of Tabbed Products Pro ;)
Thanks,
Anne
-
Re: Winchester Responsive
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
Sounds interesting! I would love to see the responsive version of Tabbed Products Pro ;) Thanks, Anne
I have a simple version running on one client site, but working with a re-vamped responsive version of the original.. Will send you a PM where you can see both (two different sites - and I dont want to hijack your thread :smile:).. Will be using the re-vamped responsive version of the original with this template..
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
I have a simple version running on one client site, but working with a re-vamped responsive version of the original.. Will send you a PM where you can see both (two different sites - and I dont want to hijack your thread :smile:).. Will be using the re-vamped responsive version of the original with this template..
Great, thanks!
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picandnix
I've got to try this out tonight... :cheers: thank you Anne
I second that! Just as I'm about to give up on my last template test this outstanding looking template pops-up!
Going for it now....
-
Re: Winchester Responsive
Quote:
Originally Posted by
SPH
I second that! Just as I'm about to give up on my last template test this outstanding looking template pops-up!
Going for it now....
I am happy that you like it ;) Let me know if you find anything that needs attention during your testing.
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
I am happy that you like it ;) Let me know if you find anything that needs attention during your testing.
Thanks,
Anne
I just couldn't wait. Downloaded and installed in minutes with base install. Have to give it a shakedown and assign IH, etc. to it. But I can already tell that this is clearly, in my humble opinion, not only a new generation of templates...it is the best looking FREE template anywhere by far...and possibly the best looking template period.
http://www.prommart.com/
I'm so excited!
-
Re: Winchester Responsive
Beautiful template!
Couple bugs so far:
Chrome: After sending Contact Us email in desktop mode the black "Back" button is over the text. Fairly minor, but here is a pic:
http://www.prommart.com/images/Chrom...ct-us-sent.png
IE9: More serious...template appears somewhat broken. Here are couple of pics:
http://www.prommart.com/images/IE9-1.png
http://www.prommart.com/images/IE9-2.png
Looks fine in my wife's IE11 and your demo looked okay in my IE9.
I had same problem yesterday testing the new Tableau template; just couldn't get it to work in IE9 (had some other issues as well).
NOTE: my site is a fresh 1.5.1 install as of today (did this several times past few days) with new DB.
plugins:
- DrByte's DB backup
- CKEdityor
- IH4
-Easy Populate 4 (how I keep putting my products/cats back up)
-SitemapXML
-Wendy template (the free for a tweet one). But it is self-contained in the templates folder.
-Winchester template
Hope this turns out to be an easy fix. I am prepared to delete site yet again and just put up this Winchester template, if necessary.
It is worth it!
EDIT: Hold on. Just remembered IE compatability mode and clicking it appears to have fixed IE issues. Hopefully, customers will not be in wrong "mode" in IE.
-
Re: Winchester Responsive
As always, great work Anne :bigups:. Absolutely love it.
And THANK YOU for incorporating the newest version of the Responsive DIY Template Default for v1.5.x and the Flexible Footer Columns Menu plugin into this awesome template. I am always amazed to see how others are using and enhancing these contributions.
-
Re: Winchester Responsive
Quote:
Originally Posted by
SPH
I just couldn't wait. Downloaded and installed in minutes with base install. Have to give it a shakedown and assign IH, etc. to it. But I can already tell that this is clearly, in my humble opinion, not only a new generation of templates...it is the best looking FREE template anywhere by far...and possibly the best looking template period.
http://www.prommart.com/
I'm so excited!
I am happy that the installation went smoothly and that you like the template ;) Since you have tried out so many templates, your opinion counts for a lot to me!
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
SPH
Beautiful template!
Couple bugs so far:
Chrome: After sending Contact Us email in desktop mode the black "Back" button is over the text. Fairly minor, but here is a pic:
http://www.prommart.com/images/Chrom...ct-us-sent.png
IE9: More serious...template appears somewhat broken. Here are couple of pics:
http://www.prommart.com/images/IE9-1.png
http://www.prommart.com/images/IE9-2.png
Looks fine in my wife's IE11 and your demo looked okay in my IE9.
I had same problem yesterday testing the new Tableau template; just couldn't get it to work in IE9 (had some other issues as well).
NOTE: my site is a fresh 1.5.1 install as of today (did this several times past few days) with new DB.
plugins:
- DrByte's DB backup
- CKEdityor
- IH4
-Easy Populate 4 (how I keep putting my products/cats back up)
-SitemapXML
-Wendy template (the free for a tweet one). But it is self-contained in the templates folder.
-Winchester template
Hope this turns out to be an easy fix. I am prepared to delete site yet again and just put up this Winchester template, if necessary.
It is worth it!
EDIT: Hold on. Just remembered IE compatability mode and clicking it appears to have fixed IE issues. Hopefully, customers will not be in wrong "mode" in IE.
Yes, the dreaded compatibility mode! No way to isolate for this.
To fix the button:
In the includes/templates/winchester_responsive/templates/tpl_contact_us_default.php on line 27 change:
Code:
<div class="buttonRow">
to:
Code:
<div class="buttonRow success-back">
Then add to the includes/templates/winchester_responsive/css/stylesheet.css after line 452:
Code:
#contactUsDefault .success-back{margin-top:30px;}
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
rbarbour
As always, great work Anne :bigups:. Absolutely love it.
And THANK YOU for incorporating the newest version of the Responsive DIY Template Default for v1.5.x and the Flexible Footer Columns Menu plugin into this awesome template. I am always amazed to see how others are using and enhancing these contributions.
I just love the new code. Easy to work with, and does the job great optimizing for the various devices. I also love the Flexible Footer Columns Menu. I think that it makes editing the menu so much easier for the user.
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
Yes, the dreaded compatibility mode! No way to isolate for this.
To fix the button:
In the includes/templates/winchester_responsive/templates/tpl_contact_us_default.php on line 27 change:
Code:
<div class="buttonRow">
to:
Code:
<div class="buttonRow success-back">
Then add to the includes/templates/winchester_responsive/css/stylesheet.css after line 452:
Code:
#contactUsDefault .success-back{margin-top:30px;}
Thanks,
Anne
Thanks, worked.
BTW, why the subject field in Contact Us? I do not see a custom subject line coming in through the email at my end.
-
Re: Winchester Responsive
Quote:
Originally Posted by
SPH
Thanks, worked.
BTW, why the subject field in Contact Us? I do not see a custom subject line coming in through the email at my end.
I just thought that it was a nice feature ;) I'll have to check the add subject to the contact form module to be sure that it is implemented correctly in the template. I may have missed something.
Thanks,
Anne
-
Re: Winchester Responsive
Nice. Love the quick setup. Glitches seen have been minimal. I really don't know how you do it, given all the possible combinations of hardware & browsers. Still working through the setup instructions but a few hiccups that I noticed below:
Catalog Category Buttons which are functional @ max desktop width are non-functional as shown in the screenprint below. I had expected the non-functional button to yield the same result as the teeny down arrow.
Attachment 14035
Alignment of DETAILS button on product pages a tad off.
Attachment 14036
Custom Left Slide out works on desktop but not functional on landscape tablet (Samsung 8" Galaxy Tab3). Can the double-arrow button be turned off, disabled or removed? It does disappear on Portrait tablet, probably as designed.
Down for Maintenance notification bar has an effect on alignment.
-
Re: Winchester Responsive
Fix for the contact us subject line. Back up your includes/modules/pages/contact_us/header_php.php file. Then replace it with this one:
Code:
<?php
/**
* Contact Us Page
*
* @package page
* @copyright Copyright 2003-2012 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 GIT: $Id: Author: DrByte Sat Jul 21 16:05:31 2012 -0400 Modified in v1.5.1 $
* Updated Contact Us Subject for v1.5.1 by Judy Gunderson (stellarweb) 2013-08-16
*/
// This should be first line of the script:
$zco_notifier->notify('NOTIFY_HEADER_START_CONTACT_US');
require(DIR_WS_MODULES . zen_get_module_directory('require_languages.php'));
$error = false;
if (isset($_GET['action']) && ($_GET['action'] == 'send')) {
$name = zen_db_prepare_input($_POST['contactname']);
$email_address = zen_db_prepare_input($_POST['email']);
$subject = zen_db_prepare_input($_POST['subject']);
$enquiry = zen_db_prepare_input(strip_tags($_POST['enquiry']));
$antiSpam = isset($_POST['should_be_empty']) ? zen_db_prepare_input($_POST['should_be_empty']) : '';
$zco_notifier->notify('NOTIFY_CONTACT_US_CAPTCHA_CHECK');
$zc_validate_email = zen_validate_email($email_address);
if ($zc_validate_email and !empty($enquiry) and !empty($name) and !empty($subject) && $error == FALSE) {
// if anti-spam is not triggered, prepare and send email:
if ($antiSpam != '') {
$zco_notifier->notify('NOTIFY_SPAM_DETECTED_USING_CONTACT_US');
} elseif ($antiSpam == '') {
// auto complete when logged in
if($_SESSION['customer_id']) {
$sql = "SELECT customers_id, customers_firstname, customers_lastname, customers_password, customers_email_address, customers_default_address_id
FROM " . TABLE_CUSTOMERS . "
WHERE customers_id = :customersID";
$sql = $db->bindVars($sql, ':customersID', $_SESSION['customer_id'], 'integer');
$check_customer = $db->Execute($sql);
$customer_email= $check_customer->fields['customers_email_address'];
$customer_name= $check_customer->fields['customers_firstname'] . ' ' . $check_customer->fields['customers_lastname'];
} else {
$customer_email = NOT_LOGGED_IN_TEXT;
$customer_name = NOT_LOGGED_IN_TEXT;
}
// use contact us dropdown if defined
if (CONTACT_US_LIST !=''){
$send_to_array=explode("," ,CONTACT_US_LIST);
preg_match('/\<[^>]+\>/', $send_to_array[$_POST['send_to']], $send_email_array);
$send_to_email= preg_replace ("/>/", "", $send_email_array[0]);
$send_to_email= trim(preg_replace("/</", "", $send_to_email));
$send_to_name = trim(preg_replace('/\<[^*]*/', '', $send_to_array[$_POST['send_to']]));
} else { //otherwise default to EMAIL_FROM and store name
$send_to_email = trim(EMAIL_FROM);
$send_to_name = trim(STORE_NAME);
}
// Prepare extra-info details
$extra_info = email_collect_extra_info($name, $email_address, $customer_name, $customer_email);
// Prepare Text-only portion of message
$text_message = OFFICE_FROM . "\t" . $name . "\n" .
OFFICE_EMAIL . "\t" . $email_address . "\n\n" .
'------------------------------------------------------' . "\n\n" .
strip_tags($_POST['enquiry']) . "\n\n" .
'------------------------------------------------------' . "\n\n" .
$extra_info['TEXT'];
// Prepare HTML-portion of message
$html_msg['EMAIL_MESSAGE_HTML'] = strip_tags($_POST['enquiry']);
$html_msg['CONTACT_US_OFFICE_FROM'] = OFFICE_FROM . ' ' . $name . '<br />' . OFFICE_EMAIL . '(' . $email_address . ')';
$html_msg['EXTRA_INFO'] = $extra_info['HTML'];
// Send message
zen_mail($send_to_name, $send_to_email, $subject, $text_message, $name, $email_address, $html_msg,'contact_us');
}
zen_redirect(zen_href_link(FILENAME_CONTACT_US, 'action=success'));
} else {
$error = true;
if (empty($name)) {
$messageStack->add('contact', ENTRY_EMAIL_NAME_CHECK_ERROR);
}
if (empty($subject)) {
$messageStack->add('contact', ENTRY_EMAIL_SUBJECT_CHECK_ERROR);
}
if ($zc_validate_email == false) {
$messageStack->add('contact', ENTRY_EMAIL_ADDRESS_CHECK_ERROR);
}
if (empty($enquiry)) {
$messageStack->add('contact', ENTRY_EMAIL_CONTENT_CHECK_ERROR);
}
}
} // end action==send
// default email and name if customer is logged in
if($_SESSION['customer_id']) {
$sql = "SELECT customers_id, customers_firstname, customers_lastname, customers_password, customers_email_address, customers_default_address_id
FROM " . TABLE_CUSTOMERS . "
WHERE customers_id = :customersID";
$sql = $db->bindVars($sql, ':customersID', $_SESSION['customer_id'], 'integer');
$check_customer = $db->Execute($sql);
$email_address = $check_customer->fields['customers_email_address'];
$name= $check_customer->fields['customers_firstname'] . ' ' . $check_customer->fields['customers_lastname'];
}
$send_to_array = array();
if (CONTACT_US_LIST !=''){
foreach(explode(",", CONTACT_US_LIST) as $k => $v) {
$send_to_array[] = array('id' => $k, 'text' => preg_replace('/\<[^*]*/', '', $v));
}
}
// include template specific file name defines
$define_page = zen_get_file_directory(DIR_WS_LANGUAGES . $_SESSION['language'] . '/html_includes/', FILENAME_DEFINE_CONTACT_US, 'false');
$breadcrumb->add(NAVBAR_TITLE);
// This should be the last line of the script:
$zco_notifier->notify('NOTIFY_HEADER_END_CONTACT_US');
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
Nice. Love the quick setup. Glitches seen have been minimal. I really don't know how you do it, given all the possible combinations of hardware & browsers. Still working through the setup instructions but a few hiccups that I noticed below:
Catalog Category Buttons which are functional @ max desktop width are non-functional as shown in the screenprint below. I had expected the non-functional button to yield the same result as the teeny down arrow.
Attachment 14035
Alignment of DETAILS button on product pages a tad off.
Attachment 14036
Custom Left Slide out works on desktop but not functional on landscape tablet (Samsung 8" Galaxy Tab3). Can the double-arrow button be turned off, disabled or removed? It does disappear on Portrait tablet, probably as designed.
Down for Maintenance notification bar has an effect on alignment.
Thanks for pointing out the menu. It looks like this is a feature of the menu since it is also behaving this way on the demo:
http://adnantopal.github.io/slimmenu/
Thank you so much for your feedback :)
I see how it is confusing. I will try out some other responsive menus ;)
To fix the details button in includes/modules/winchester_responsive/product_listing.php change this:
Code:
if (zen_has_product_attributes($listing->fields['products_id']) or PRODUCT_LIST_PRICE_BUY_NOW == '0') {
$lc_button = '<a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'cPath=' . (($_GET['manufacturers_id'] > 0 and $_GET['filter_id']) > 0 ? zen_get_generated_category_path_rev($_GET['filter_id']) : ($_GET['cPath'] > 0 ? $_GET['cPath'] : zen_get_generated_category_path_rev($listing->fields['master_categories_id']))) . '&products_id=' . $listing->fields['products_id']) . '">' . zen_image_button(BUTTON_IMAGE_GOTO_PROD_DETAILS, BUTTON_GOTO_PROD_DETAILS_ALT, 'class="listingBuyNowButton"') . '</a>';
to this:
Code:
if (zen_has_product_attributes($listing->fields['products_id']) or PRODUCT_LIST_PRICE_BUY_NOW == '0') {
$lc_button = '<div class="pl-details"><a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'cPath=' . (($_GET['manufacturers_id'] > 0 and $_GET['filter_id']) > 0 ? zen_get_generated_category_path_rev($_GET['filter_id']) : ($_GET['cPath'] > 0 ? $_GET['cPath'] : zen_get_generated_category_path_rev($listing->fields['master_categories_id']))) . '&products_id=' . $listing->fields['products_id']) . '">' . zen_image_button(BUTTON_IMAGE_GOTO_PROD_DETAILS, BUTTON_GOTO_PROD_DETAILS_ALT, 'class="listingBuyNowButton"') . '</a></div>';
Then add this to the stylesheet.css file around line 252:
Code:
.pl-details{margin-bottom:0px;}.slide-out-div
If you want to hide the slide out you can add this to the lanscape tablet portion of the responsive_tablets.css file:
Code:
.slide-out-div{display:none;}
I didn't spend any time on the down for maintenance pages. I'll make a note to test them on the next update ;)
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
Fix for the contact us subject line. Back up your includes/modules/pages/contact_us/header_php.php file. Then replace it with this one:
Thanks,
Anne
It worked, thanks!
-
Re: Winchester Responsive
That did the trick. TNX Anne.
Quote:
Originally Posted by
picaflor-azul
To fix the details button in includes/modules/winchester_responsive/product_listing.php change this:
Code:
if (zen_has_product_attributes($listing->fields['products_id']) or PRODUCT_LIST_PRICE_BUY_NOW == '0') {
$lc_button = '<a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'cPath=' . (($_GET['manufacturers_id'] > 0 and $_GET['filter_id']) > 0 ? zen_get_generated_category_path_rev($_GET['filter_id']) : ($_GET['cPath'] > 0 ? $_GET['cPath'] : zen_get_generated_category_path_rev($listing->fields['master_categories_id']))) . '&products_id=' . $listing->fields['products_id']) . '">' . zen_image_button(BUTTON_IMAGE_GOTO_PROD_DETAILS, BUTTON_GOTO_PROD_DETAILS_ALT, 'class="listingBuyNowButton"') . '</a>';
to this:
Code:
if (zen_has_product_attributes($listing->fields['products_id']) or PRODUCT_LIST_PRICE_BUY_NOW == '0') {
$lc_button = '<div class="pl-details"><a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'cPath=' . (($_GET['manufacturers_id'] > 0 and $_GET['filter_id']) > 0 ? zen_get_generated_category_path_rev($_GET['filter_id']) : ($_GET['cPath'] > 0 ? $_GET['cPath'] : zen_get_generated_category_path_rev($listing->fields['master_categories_id']))) . '&products_id=' . $listing->fields['products_id']) . '">' . zen_image_button(BUTTON_IMAGE_GOTO_PROD_DETAILS, BUTTON_GOTO_PROD_DETAILS_ALT, 'class="listingBuyNowButton"') . '</a></div>';
Then add this to the stylesheet.css file around line 252:
Code:
.pl-details{margin-bottom:0px;}.slide-out-div
-
Re: Winchester Responsive
I have trouble posting these comments because it always sounds more like a gripe than constructive no matter how much I think about it or how many times I re-type it.
Attachment 14039
Information menu tab => Customer Service & General Info fly out to the right, off-screen on Samsung 8" tablets, landscape mode. Image above is a full, unedited screenprint. Waiting for some 7" and 10" Android tablet time later today.
Why does MSFT have to be so different? There's probably not much you can do about it and I have more checking to do but MSFT touch implementation on the first Windows tablet make the template difficult, at best for functionality. Many buttons which function perfectly with a mouse do nothing on Windows touch devices. Windows Surface RT and Windows Pro tomorrow.
Left side flyout actually opens a Windows right-click menu probably because it is touching the left screen edge and detecting it as a left swipe.
We don't speak Apple.
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
I have trouble posting these comments because it always sounds more like a gripe than constructive no matter how much I think about it or how many times I re-type it.
Attachment 14039
Information menu tab => Customer Service & General Info fly out to the right, off-screen on Samsung 8" tablets, landscape mode. Image above is a full, unedited screenprint. Waiting for some 7" and 10" Android tablet time later today.
Why does MSFT have to be so different? There's probably not much you can do about it and I have more checking to do but MSFT touch implementation on the first Windows tablet make the template difficult, at best for functionality. Many buttons which function perfectly with a mouse do nothing on Windows touch devices. Windows Surface RT and Windows Pro tomorrow.
Left side flyout actually opens a Windows right-click menu probably because it is touching the left screen edge and detecting it as a left swipe.
We don't speak Apple.
Thank you so much for the feedback. I did not test on any windows tablets.
Thanks,
Anne
-
1 Attachment(s)
Re: Winchester Responsive
Hi Anne,
Using your demo site, on a desktop pc with a window width around 768px the drop-down menu titles are aligned right - sitting on top pf the drop arrows, as in this image
Attachment 14041
Quote:
Left side flyout actually opens a Windows right-click menu probably because it is touching the left screen edge and detecting it as a left swipe.
On my Windows touch device, 13.3" HP Split x2 1366 x 768, the left side flyout does not stay out (pops out and immediately back again). Any subsequent taps on the flyout button do nothing unless the page is refreshed.
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
Information menu tab => Customer Service & General Info fly out to the right, off-screen on Samsung 8" tablets, landscape mode. Image above is a full, unedited screenprint. Waiting for some 7" and 10" Android tablet time later today.
Why does MSFT have to be so different? There's probably not much you can do about it and I have more checking to do but MSFT touch implementation on the first Windows tablet make the template difficult, at best for functionality. Many buttons which function perfectly with a mouse do nothing on Windows touch devices. Windows Surface RT and Windows Pro tomorrow.
Noticed that this occurs on a Windows desktop (non-touch) on a window width between approx 800px and 950px
-
Re: Winchester Responsive
Quote:
Originally Posted by
simon1066
Hi Anne,
Using your demo site, on a desktop pc with a window width around 768px the drop-down menu titles are aligned right - sitting on top pf the drop arrows, as in this image
Attachment 14041
On my Windows touch device, 13.3" HP Split x2 1366 x 768, the left side flyout does not stay out (pops out and immediately back again). Any subsequent taps on the flyout button do nothing unless the page is refreshed.
This template is using a php mobile detect script to recognize devices and deliver the appropriate layout to that device. When a device is not detected, which happens on a desktop, or on these windows tablets the fall back responsive_default.css stylesheet is served. I did not spend a lot of time on the responsive_default.css as a large majority of devices will work correctly and have the appropriate layout served to them. If you want to view the tablet layout on a desktop you can use the url:
http://www.zenlyzen.com/responsive-z..._mode=isTablet
and if you want to view the mobile layout on the desktop you can use:
http://www.zenlyzen.com/responsive-z..._mode=isMobile
then you can resize your window to the device width to view portrait or landscape layouts.
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
This template is using a php mobile detect script to recognize devices and deliver the appropriate layout to that device. When a device is not detected, which happens on a desktop, or on these windows tablets the fall back responsive_default.css stylesheet is served. I did not spend a lot of time on the responsive_default.css as a large majority of devices will work correctly and have the appropriate layout served to them. If you want to view the tablet layout on a desktop you can use the url:
http://www.zenlyzen.com/responsive-z..._mode=isTablet
and if you want to view the mobile layout on the desktop you can use:
http://www.zenlyzen.com/responsive-z..._mode=isMobile
then you can resize your window to the device width to view portrait or landscape layouts.
Thanks,
Anne
Thanks for the explanation of how the stylesheets are structured and selected. Knowing what css file does what, I can make those edits, I'm sure.
Cheers
Simon
-
Re: Winchester Responsive
Quote:
Originally Posted by
simon1066
Thanks for the explanation of how the stylesheets are structured and selected. Knowing what css file does what, I can make those edits, I'm sure.
Cheers
Simon
You can also see the DIY Responsive Template Default package and readme as this is what I used to build the templates.
Thanks,
Anne
-
Re: Winchester Responsive
Anne,
I don't know what it is, but on your demo in Chrome and Firefox I only get the homepage as Winchester Responsive. Any page after that goes to the classic default template.
My IE9 hangs on to Winchester, but in the messed-up compatability mode thing we already went over.
If others don't have this problem with Chrome and Firefox then I guess it must be my machine...a real possibility.
-
Re: Winchester Responsive
Quote:
Originally Posted by
SPH
Anne,
I don't know what it is, but on your demo in Chrome and Firefox I only get the homepage as Winchester Responsive. Any page after that goes to the classic default template.
My IE9 hangs on to Winchester, but in the messed-up compatability mode thing we already went over.
If others don't have this problem with Chrome and Firefox then I guess it must be my machine...a real possibility.
Sorry about that. I am working on this. It is being caused by the template switcher. It has to do with cookies. It is working for me in chrome and firefox but I have seen the problem popup intermittently.
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
Sorry about that. I am working on this. It is being caused by the template switcher. It has to do with cookies. It is working for me in chrome and firefox but I have seen the problem popup intermittently.
Thanks,
Anne
When I navigate to ANY other page in the demo I am taken to the Classic template.. Using Firefox.. lastest version..
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
When I navigate to ANY other page in the demo I am taken to the Classic template.. Using Firefox.. lastest version..
Thanks for posting. Yes, I am working on this. Can you use the template switcher sidebox to switch back to the Winchester Responsive template?
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
Thanks for posting. Yes, I am working on this. Can you use the template switcher sidebox to switch back to the Winchester Responsive template?
Thanks,
Anne
Ahhhh.. that did the trick.. now I can see the rest of this template.. Thanks..
-
Re: Winchester Responsive
Anne, I'm loving it so far :hug:
Could you explain what/where the CSS code is to control the change on hover for the category image backgrounds please? I'd love to try that same hover effect in action on Stirling Grand.
-
Re: Winchester Responsive
Quote:
Originally Posted by
picandnix
Anne, I'm loving it so far :hug:
Could you explain what/where the CSS code is to control the change on hover for the category image backgrounds please? I'd love to try that same hover effect in action on Stirling Grand.
If you look at the stylesheet.css file look at line 341 and 342 ;) It is using a css transition.
Thanks,
Anne
-
Re: Winchester Responsive
There are quite a few differences between the includes\classes\split_page_results.php file and the default one for Zen Cart v1.5.1.. As there are no code comments present, I am not sure which of these changes are related to one of the bundled modules.. Can you provide some insight as to what the changes are and for which bundled module do they relate to??
Just taking a guess it looks like these are the some of the changes made.. Not sure if the rest are differences between Zen Cart versions or other changes that are a result of template related mods..
Lines 44-48
Code:
if ($page == 'all') {
$this->page_all = true;
$override = $db->Execute($query);
$max_rows = $override->RecordCount();
}
Lines 108-111
Code:
if ((!$this->page_all) && ($this->number_of_pages > 1)) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . 'all', $request_type) . '" title=" ' . SHOW_ALL_TITLE . ' ">' . SHOW_ALL_BUTTON . '</a> ';
elseif ($this->page_all) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters, $request_type) . '" title=" ' . SHOW_PAGEVIEW_TITLE . ' ">' . SHOW_PAGEVIEW_BUTTON . '</a> ';
Lines 125-132
Code:
// page nn button - visa inte om alla sidor visas
if (!$this->page_all) {
for ($jump_to_page = 1 + (($cur_window_num - 1) * $max_page_links); ($jump_to_page <= ($cur_window_num * $max_page_links)) && ($jump_to_page <= $this->number_of_pages); $jump_to_page++) {
if ($jump_to_page == $this->current_page_number) {
$display_links_string .= ' <strong class="current">' . $jump_to_page . '</strong> ';
} else {
$display_links_string .= ' <a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . $jump_to_page, $request_type) . '" title=" ' . sprintf(PREVNEXT_TITLE_PAGE_NO, $jump_to_page) . ' ">' . $jump_to_page . '</a> ';
}
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
There are quite a few differences between the includes\classes\split_page_results.php file and the default one for Zen Cart v1.5.1.. As there are no code comments present, I am not sure which of these changes are related to one of the bundled modules.. Can you provide some insight as to what the changes are and for which bundled module do they relate to??
Just taking a guess it looks like these are the some of the changes made.. Not sure if the rest are differences between Zen Cart versions or other changes that are a result of template related mods..
Lines 44-48
Code:
if ($page == 'all') {
$this->page_all = true;
$override = $db->Execute($query);
$max_rows = $override->RecordCount();
}
Lines 108-111
Code:
if ((!$this->page_all) && ($this->number_of_pages > 1)) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . 'all', $request_type) . '" title=" ' . SHOW_ALL_TITLE . ' ">' . SHOW_ALL_BUTTON . '</a>########';
elseif ($this->page_all) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters, $request_type) . '" title=" ' . SHOW_PAGEVIEW_TITLE . ' ">' . SHOW_PAGEVIEW_BUTTON . '</a>####';
Lines 125-132
Code:
// page nn button - visa inte om alla sidor visas
if (!$this->page_all) {
for ($jump_to_page = 1 + (($cur_window_num - 1) * $max_page_links); ($jump_to_page <= ($cur_window_num * $max_page_links)) && ($jump_to_page <= $this->number_of_pages); $jump_to_page++) {
if ($jump_to_page == $this->current_page_number) {
$display_links_string .= '##<strong class="current">' . $jump_to_page . '</strong>##';
} else {
$display_links_string .= '##<a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . $jump_to_page, $request_type) . '" title=" ' . sprintf(PREVNEXT_TITLE_PAGE_NO, $jump_to_page) . ' ">' . $jump_to_page . '</a>##';
}
The only changes I made to that file are the ones in this post for the view all link. I started from a fresh 1.5.1 version of the file:
http://www.zen-cart.com/showthread.p...915#post551915
Thanks,
Anne
-
Re: Winchester Responsive
I'm loving the template too.
I wish my touch devices would love it :( but so far none of my Android devices or Windows devices play nice since most use the 768 px range which seems to be no-man's land.
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
I'm loving the template too.
I wish my touch devices would love it :( but so far none of my Android devices or Windows devices play nice since most use the 768 px range which seems to be no-man's land.
We will have to consult rbarbour about this. The template does work on both landscape and portrait tablets. Maybe it is the way that you have your devices configured that is not allowing the user agent to be detected by the php mobile detect script? See this:
http://code.google.com/p/php-mobile-detect
and what does this say when you visit on your tablet:
http://demo.mobiledetect.net/
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
The split_page_results.php file that comes with your template appears to be EXACTLY the same as the one used in that post from 2008.. However, that split_page_results.php file appears to be a MUCH older version of the split_page_results.php file.
From the top of the file that comes with this template:
Code:
* split_page_results Class.
*
* @package classes
* @copyright Copyright 2003-2006 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: split_page_results.php 3041 2006-02-15 21:56:45Z wilt $
From the v1.5.1 fileset (just downloaded a FRESH copy of v1.5.1 just to sure..
Code:
* split_page_results Class.
*
* @package classes
* @copyright Copyright 2003-2012 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 GIT: $Id: Author: Ian Wilson Fri Aug 17 17:54:58 2012 +0100 Modified in v1.5.1 $
Note the year for the file included with this template says 2006 vs 2012 from the v1.5.1 file..
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
The split_page_results.php file that comes with your template appears to be EXACTLY the same as the one used in that post from 2008.. However, that split_page_results.php file appears to be a MUCH older version of the split_page_results.php file.
From the top of the file that comes with this template:
Code:
* split_page_results Class.
*
* @package classes
* @copyright Copyright 2003-2006 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: split_page_results.php 3041 2006-02-15 21:56:45Z wilt $
From the v1.5.1 fileset (just downloaded a FRESH copy of v1.5.1 just to sure..
Code:
* split_page_results Class.
*
* @package classes
* @copyright Copyright 2003-2012 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 GIT: $Id: Author: Ian Wilson Fri Aug 17 17:54:58 2012 +0100 Modified in v1.5.1 $
Note the year for the file included with this template says 2006 vs 2012 from the v1.5.1 file..
Looks like the file included is actually a v1.3.8 file.. Here's the v1.5.1 file with the changes incorporated:
Code:
<?php
/**
* split_page_results Class.
*
* @package classes
* @copyright Copyright 2003-2012 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 GIT: $Id: Author: Ian Wilson Fri Aug 17 17:54:58 2012 +0100 Modified in v1.5.1 $
* Modified by Anne (Picaflor-Azul.com) Winchester Respnsive v1.0
*/
if (!defined('IS_ADMIN_FLAG')) {
die('Illegal Access');
}
/**
* Split Page Result Class
*
* An sql paging class, that allows for sql reslt to be shown over a number of pages using simple navigation system
* Overhaul scheduled for subsequent release
*
* @package classes
*/
class splitPageResults extends base {
var $sql_query, $number_of_rows, $current_page_number, $number_of_pages, $number_of_rows_per_page, $page_name;
/* class constructor */
function splitPageResults($query, $max_rows, $count_key = '*', $page_holder = 'page', $debug = false, $countQuery = "") {
global $db;
$max_rows = ($max_rows == '' || $max_rows == 0) ? 20 : $max_rows;
$this->sql_query = preg_replace("/\n\r|\r\n|\n|\r/", " ", $query);
if ($countQuery != "") $countQuery = preg_replace("/\n\r|\r\n|\n|\r/", " ", $countQuery);
$this->countQuery = ($countQuery != "") ? $countQuery : $this->sql_query;
$this->page_name = $page_holder;
if ($debug) {
echo '<br /><br />';
echo 'original_query=' . $query . '<br /><br />';
echo 'original_count_query=' . $countQuery . '<br /><br />';
echo 'sql_query=' . $this->sql_query . '<br /><br />';
echo 'count_query=' . $this->countQuery . '<br /><br />';
}
if (isset($_GET[$page_holder])) {
$page = $_GET[$page_holder];
} elseif (isset($_POST[$page_holder])) {
$page = $_POST[$page_holder];
} else {
$page = '';
}
// BOF View All Changes 1 of 3
if ($page == 'all') {
$this->page_all = true;
$override = $db->Execute($query);
$max_rows = $override->RecordCount();
}
// EOF View All Changes 1 of 3
if (empty($page) || !is_numeric($page)) $page = 1;
$this->current_page_number = $page;
$this->number_of_rows_per_page = $max_rows;
$pos_to = strlen($this->countQuery);
$query_lower = strtolower($this->countQuery);
$pos_from = strpos($query_lower, ' from', 0);
$pos_group_by = strpos($query_lower, ' group by', $pos_from);
if (($pos_group_by < $pos_to) && ($pos_group_by != false)) $pos_to = $pos_group_by;
$pos_having = strpos($query_lower, ' having', $pos_from);
if (($pos_having < $pos_to) && ($pos_having != false)) $pos_to = $pos_having;
$pos_order_by = strpos($query_lower, ' order by', $pos_from);
if (($pos_order_by < $pos_to) && ($pos_order_by != false)) $pos_to = $pos_order_by;
if (strpos($query_lower, 'distinct') || strpos($query_lower, 'group by')) {
$count_string = 'distinct ' . zen_db_input($count_key);
} else {
$count_string = zen_db_input($count_key);
}
$count_query = "select count(" . $count_string . ") as total " . substr($this->countQuery, $pos_from, ($pos_to - $pos_from));
if ($debug) {
echo 'count_query=' . $count_query . '<br /><br />';
}
$count = $db->Execute($count_query);
$this->number_of_rows = $count->fields['total'];
$this->number_of_pages = ceil($this->number_of_rows / $this->number_of_rows_per_page);
if ($this->current_page_number > $this->number_of_pages) {
$this->current_page_number = $this->number_of_pages;
}
$offset = ($this->number_of_rows_per_page * ($this->current_page_number - 1));
// fix offset error on some versions
if ($offset <= 0) { $offset = 0; }
$this->sql_query .= " limit " . ($offset > 0 ? $offset . ", " : '') . $this->number_of_rows_per_page;
}
/* class functions */
// display split-page-number-links
function display_links($max_page_links, $parameters = '') {
global $request_type;
if ($max_page_links == '') $max_page_links = 1;
$display_links_string = '';
$class = '';
if (zen_not_null($parameters) && (substr($parameters, -1) != '&')) $parameters .= '&';
// BOF View All Changes 2 of 3
if ((!$this->page_all) && ($this->number_of_pages > 1)) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . 'all', $request_type) . '" title=" ' . SHOW_ALL_TITLE . ' ">' . SHOW_ALL_BUTTON . '</a> ';
elseif ($this->page_all) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters, $request_type) . '" title=" ' . SHOW_PAGEVIEW_TITLE . ' ">' . SHOW_PAGEVIEW_BUTTON . '</a> ';
// EOF View All Changes 2 of 3
// previous button - not displayed on first page
if ($this->current_page_number > 1) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . ($this->current_page_number - 1), $request_type) . '" title=" ' . PREVNEXT_TITLE_PREVIOUS_PAGE . ' ">' . PREVNEXT_BUTTON_PREV . '</a> ';
// check if number_of_pages > $max_page_links
$cur_window_num = intval($this->current_page_number / $max_page_links);
if ($this->current_page_number % $max_page_links) $cur_window_num++;
$max_window_num = intval($this->number_of_pages / $max_page_links);
if ($this->number_of_pages % $max_page_links) $max_window_num++;
// previous window of pages
if ($cur_window_num > 1) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . (($cur_window_num - 1) * $max_page_links), $request_type) . '" title=" ' . sprintf(PREVNEXT_TITLE_PREV_SET_OF_NO_PAGE, $max_page_links) . ' ">...</a>';
// BOF View All Changes 3 of 3
// page nn button - visa inte om alla sidor visas
if (!$this->page_all) {
for ($jump_to_page = 1 + (($cur_window_num - 1) * $max_page_links); ($jump_to_page <= ($cur_window_num * $max_page_links)) && ($jump_to_page <= $this->number_of_pages); $jump_to_page++) {
if ($jump_to_page == $this->current_page_number) {
$display_links_string .= ' <strong class="current">' . $jump_to_page . '</strong> ';
} else {
$display_links_string .= ' <a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . $jump_to_page, $request_type) . '" title=" ' . sprintf(PREVNEXT_TITLE_PAGE_NO, $jump_to_page) . ' ">' . $jump_to_page . '</a> ';
}
// EOF View All Changes 3 of 3
}
}
// next window of pages
if ($cur_window_num < $max_window_num) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . (($cur_window_num) * $max_page_links + 1), $request_type) . '" title=" ' . sprintf(PREVNEXT_TITLE_NEXT_SET_OF_NO_PAGE, $max_page_links) . ' ">...</a> ';
// next button
if (($this->current_page_number < $this->number_of_pages) && ($this->number_of_pages != 1)) $display_links_string .= ' <a href="' . zen_href_link($_GET['main_page'], $parameters . 'page=' . ($this->current_page_number + 1), $request_type) . '" title=" ' . PREVNEXT_TITLE_NEXT_PAGE . ' ">' . PREVNEXT_BUTTON_NEXT . '</a> ';
if ($display_links_string == ' <strong class="current">1</strong> ') {
return ' ';
} else {
return $display_links_string;
}
}
// display number of total products found
function display_count($text_output) {
$to_num = ($this->number_of_rows_per_page * $this->current_page_number);
if ($to_num > $this->number_of_rows) $to_num = $this->number_of_rows;
$from_num = ($this->number_of_rows_per_page * ($this->current_page_number - 1));
if ($to_num == 0) {
$from_num = 0;
} else {
$from_num++;
}
if ($to_num <= 1) {
// don't show count when 1
return '';
} else {
return sprintf($text_output, $from_num, $to_num, $this->number_of_rows);
}
}
}
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
Android 8" and 10" Tablets detected as tablets.
Android 7" tablet detected as mobile.
Windows 8.1 Pro tablet is detected as desktop.
Windows 8.1 RT tablet detected as tablet.
Some issues are related to screenwidth, not tablet/desktop because they exist either on tablet or desktop with width resized to the 768 width step.
Some issue related to the buttons mentioned earlier that have expected functionality but designed functionality is 'do nothing' and require a tap on the teeny arrows instead. Nothing you can do about the built-in feature that do not function as expected by other users.
Core zencart functionality works fine with a tap.
Responsive functionality requires tap and hold to function in some cases which causes confusion when some buttons are tap only functionality and some are tap and hold.
Tap and hold functionality, when used on Windows tablets, opens a typical 'right-click' window instead of expected action.
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
Android 8" and 10" Tablets detected as tablets.
Android 7" tablet detected as mobile.
Windows 8.1 Pro tablet is detected as desktop.
Windows 8.1 RT tablet detected as tablet.
Some issues are related to screenwidth, not tablet/desktop because they exist either on tablet or desktop with width resized to the 768 width step.
Some issue related to the buttons mentioned earlier that have expected functionality but designed functionality is 'do nothing' and require a tap on the teeny arrows instead. Nothing you can do about the built-in feature that do not function as expected by other users.
Core zencart functionality works fine with a tap.
Responsive functionality requires tap and hold to function in some cases which causes confusion when some buttons are tap only functionality and some are tap and hold.
Tap and hold functionality, when used on Windows tablets, opens a typical 'right-click' window instead of expected action.
Its weird because the layout problems you have are with the responsive_default.css and not the tablet layout. Your user agent is not being detected. I rearranged elements in the header on this width in the responsive_default.css. Take a look at the demo:
http://www.zenlyzen.com/responsive-z...ter_responsive
If you want to make the arrows bigger just change the font size on line 309 of the stylesheet.css file.
To add the changed layout just add this to the bottom of the portrait tablet section in the responsive_default.css file:
Code:
.fa-user{display:none;}
.fa-search{float:right;}
and change line 322 to:
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
Your user agent is not being detected.
I do not understand that comment. Do you mean corrupted file upload? Incorrect setup on my part? Glitch in UA detection software?
Using the useragent test link, I get:Android Galaxy Tab 3 8 inch (Chrome browser)
This is a tablet. Your UA is Mozilla/5.0 (Linux; Android 4.2.2; SM-T310 Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.114 Safari/537.36
Android Generic Tab 7 inch (Chrome browser)
This is a phone. Your UA is Mozilla/5.0 (Linux; Android 4.2.2; DX752 Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.170 Mobile Safari/537.36
Android Galaxy Tab 3 8 inch (FireFox browser)
This is a tablet. Your UA is Mozilla/5.0 (Android; Tablet; rv:29.0) Gecko/29.0 Firefox/29.0
Android Galaxy Tab 3 8 inch (Samsung browser)
This is a . Your UA is Mozilla/5.0 (Linux; U; Android 4.2.2; en-us; SM-T310 Build/JDQ39) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Safari/534.30
Android Galaxy Tab 3 8 inch (lastpass browser)
This is a computer. Your UA is Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_3; en-us) AppleWebKit/533.16 (KHTML, like Gecko) Version/5.0 Safari/533.16
WINDOWS 8.1RT
This is a tablet. Your UA is Mozilla/5.0 (Windows NT 6.3; ARM; Trident/7.0; Touch; rv:11.0) like Gecko
Quote:
Originally Posted by
picaflor-azul
HUGE DIFFERENCE :smile:
Quote:
Originally Posted by
picaflor-azul
If you want to make the arrows bigger just change the font size on line 309 of the stylesheet.css file.
To add the changed layout just add this to the bottom of the portrait tablet section in the responsive_default.css file:
Code:
.fa-user{display:none;}
.fa-search{float:right;}
and change line 322 to:
I'll take a look at that.
I understand the MSFT jumble of browser combinations is a far out back-burner issue, possibly even off the stove.
-
Re: Winchester Responsive
Found an issue with the auto installer. For folks (like me) who do use table prefixes for their Zen Cart tables, the autoinstaller hardcodes some of the table names without the prefix. Besides strange errors I get that stop the auto-installer from finishing, this causes the flexible footer menu to not display, generated a bunch of other error messages AND prevented the template from displaying properly.. (I presume from the incomplete install - there is no error message when the install fails)
One more thing.. that middle section of the "ZCA Responsive Template Switch" was failing until I removed it. I'm guessing that it was meant to make sure that the "show_box_min_width" column did not already exist, but I got an error saying that the user (sean @ localhost) was not authorized to make this change.
Changed this:
Code:
// ZCA Responsive Template Switch
$db->Execute("INSERT IGNORE INTO " . TABLE_CONFIGURATION . " (configuration_id, configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function) VALUES
(NULL, '<b>ACTIVATE Responsive Template</b>', 'COLUMN_WIDTH', '1', 'Column Width - Left Boxes &<br /> Column Width - Right Boxes<br /><b>DO NOT WORK WITH</b><br />(1)Responsive Template Settings<br /><br /><b>Use</b><br />Column Width - Left &<br /> Column Width - Right<br /><br /><br /> 0 = Use Default Template Settings<br />1 = Use Responsive Template Settings<br />', '19', NULL, NOW(), NULL, 'zen_cfg_select_option(array(\'0\', \'1\'),');");
$sql=mysql_query(
"SELECT show_box_min_width FROM layout_boxes");
if (!$sql){
mysql_query("ALTER TABLE layout_boxes ADD show_box_min_width TINYINT( 1 ) NOT NULL DEFAULT '1' AFTER layout_box_status_single;");
}ELSE{
}
To:
Code:
// ZCA Responsive Template Switch
$db->Execute("ALTER TABLE " . TABLE_LAYOUT_BOXES . " ADD show_box_min_width TINYINT( 1 ) NOT NULL DEFAULT '1' AFTER layout_box_status_single;");
$db->Execute("INSERT IGNORE INTO " . TABLE_CONFIGURATION . " (configuration_id, configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function) VALUES
(NULL, '<b>ACTIVATE Responsive Template</b>', 'COLUMN_WIDTH', '1', 'Column Width - Left Boxes &<br /> Column Width - Right Boxes<br /><b>DO NOT WORK WITH</b><br />(1)Responsive Template Settings<br /><br /><b>Use</b><br />Column Width - Left &<br /> Column Width - Right<br /><br /><br /> 0 = Use Default Template Settings<br />1 = Use Responsive Template Settings<br />', '19', NULL, NOW(), NULL, 'zen_cfg_select_option(array(\'0\', \'1\'),');");
Changed this:
Code:
// Flexible Footer Menu
$db->Execute("CREATE TABLE IF NOT EXISTS flexible_footer_menu (
page_id int(11) NOT NULL AUTO_INCREMENT,
language_id int(11) NOT NULL DEFAULT '1',
page_title varchar(64) CHARACTER SET utf8 NOT NULL DEFAULT '',
page_url varchar(255) CHARACTER SET utf8 DEFAULT NULL,
col_header varchar(64) CHARACTER SET utf8 DEFAULT NULL,
col_image varchar(254) CHARACTER SET utf8 NOT NULL DEFAULT '',
col_html_text text CHARACTER SET utf8,
status int(1) NOT NULL DEFAULT '0',
col_sort_order int(11) NOT NULL DEFAULT '0',
col_id int(11) NOT NULL DEFAULT '0',
date_added datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
last_update datetime DEFAULT NULL,
PRIMARY KEY (`page_id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=29;");
$db->Execute("INSERT IGNORE INTO flexible_footer_menu (page_id, language_id, page_title, page_url, col_header, col_image, col_html_text, status, col_sort_order, col_id, date_added, last_update) VALUES
(3, 1, 'Home', 'index.php?main_page=', '', '', '', 1, 11, 1, '0000-00-00 00:00:00', '2014-04-15 12:23:45'),
(5, 1, 'Featured', 'index.php?main_page=featured_products', '', '', '', 1, 12, 1, '2013-06-24 07:45:26', '2014-04-15 12:25:49'),
(6, 1, '', '', 'Shop', '', '', 1, 1, 1, '2013-06-24 09:03:26', '2014-04-15 13:05:43'),
(8, 1, 'Specials', 'index.php?main_page=specials', '', '', '', 1, 13, 1, '2013-06-24 09:11:56', '2014-04-15 12:25:28'),
(9, 1, 'New Arrivals', 'index.php?main_page=products_new', '', '', '', 1, 14, 1, '2013-06-24 09:12:50', '2014-04-15 12:26:11'),
(10, 1, 'View All', 'index.php?main_page=products_all', '', '', '', 1, 15, 1, '2013-06-24 09:14:04', '2014-04-15 13:03:06'),
(11, 1, '', '', 'Customer Service', '', '', 1, 21, 2, '2013-06-24 09:15:49', '2014-04-15 15:00:16'),
(12, 1, 'About Us', 'index.php?main_page=about_us', '', '', '', 1, 24, 2, '2013-06-24 09:18:43', '2014-04-15 15:03:23'),
(14, 1, 'Gift Certificate FAQ', 'index.php?main_page=gv_faq', '', '', '', 1, 26, 2, '2013-06-24 09:19:40', '2014-04-15 15:02:42'),
(15, 1, 'Discount Coupons', 'index.php?main_page=discount_coupon', '', '', '', 1, 28, 2, '2013-06-24 09:20:12', '2014-04-15 15:04:14'),
(16, 1, 'Newsletter Unsubscribe', 'index.php?main_page=unsubscribe', '', '', '', 1, 28, 2, '2013-06-24 09:21:30', '2014-04-15 15:04:46'),
(18, 1, 'Contact Us', 'index.php?main_page=contact_us', '', '', '', 1, 23, 2, '2013-06-24 09:32:08', '2014-04-15 15:01:46'),
(19, 1, 'Shipping and Returns', 'index.php?main_page=shippinginfo', '', '', '', 1, 22, 2, '2013-06-24 09:32:33', '2014-04-15 15:01:33'),
(23, 1, 'My Account', 'index.php?main_page=account', '', '', '', 1, 25, 2, '2013-06-24 09:35:02', '2014-04-15 15:03:47'),
(25, 1, '', '', 'Share and Connect', '', '', 1, 4, 4, '2013-06-24 09:36:48', '2013-06-24 14:45:35'),
(26, 1, '', '', '', '', '<a href=\"https://www.facebook.com/Custom.Zen.Cart.Design\" target=\"_blank\"><i class=\"fa fa-facebook\"></i></a><a href=\"https://twitter.com/picaflorazul\" target=\"_blank\"><i class=\"fa fa-twitter\"></i></a><a href=\"http://www.pinterest.com/picaflorazul\" target=\"_blank\"><i class=\"fa fa-pinterest\"></i></a><a href=\"https://www.youtube.com/user/ZenCartEasyHelp\" target=\"_blank\"><i class=\"fa fa-youtube\"></i></a><a href=\"\" target=\"_blank\"><i class=\"fa fa-instagram\"></i></a>', 1, 41, 4, '2013-06-24 09:44:30', '2014-04-25 09:26:24');");
$db->Execute("SELECT @sortorder:=max(sort_order) FROM admin_pages;");
$db->Execute("INSERT IGNORE INTO " . TABLE_ADMIN_PAGES . " (page_key, language_key, main_page, page_params, menu_key, display_on_menu, sort_order) VALUES
('flexibleFooterMenu', 'BOX_TOOLS_FLEXIBLE_FOOTER_MENU', 'FILENAME_FLEXIBLE_FOOTER_MENU', '', 'tools', 'Y', @sortorder+1);");
To this:
Code:
// Flexible Footer Menu
$db->Execute("CREATE TABLE IF NOT EXISTS " . TABLE_FLEXIBLE_FOOTER_MENU . " (
page_id int(11) NOT NULL AUTO_INCREMENT,
language_id int(11) NOT NULL DEFAULT '1',
page_title varchar(64) CHARACTER SET utf8 NOT NULL DEFAULT '',
page_url varchar(255) CHARACTER SET utf8 DEFAULT NULL,
col_header varchar(64) CHARACTER SET utf8 DEFAULT NULL,
col_image varchar(254) CHARACTER SET utf8 NOT NULL DEFAULT '',
col_html_text text CHARACTER SET utf8,
status int(1) NOT NULL DEFAULT '0',
col_sort_order int(11) NOT NULL DEFAULT '0',
col_id int(11) NOT NULL DEFAULT '0',
date_added datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
last_update datetime DEFAULT NULL,
PRIMARY KEY (`page_id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=29;");
$db->Execute("INSERT IGNORE INTO " . TABLE_FLEXIBLE_FOOTER_MENU . " (page_id, language_id, page_title, page_url, col_header, col_image, col_html_text, status, col_sort_order, col_id, date_added, last_update) VALUES
(3, 1, 'Home', 'index.php?main_page=', '', '', '', 1, 11, 1, '0000-00-00 00:00:00', '2014-04-15 12:23:45'),
(5, 1, 'Featured', 'index.php?main_page=featured_products', '', '', '', 1, 12, 1, '2013-06-24 07:45:26', '2014-04-15 12:25:49'),
(6, 1, '', '', 'Shop', '', '', 1, 1, 1, '2013-06-24 09:03:26', '2014-04-15 13:05:43'),
(8, 1, 'Specials', 'index.php?main_page=specials', '', '', '', 1, 13, 1, '2013-06-24 09:11:56', '2014-04-15 12:25:28'),
(9, 1, 'New Arrivals', 'index.php?main_page=products_new', '', '', '', 1, 14, 1, '2013-06-24 09:12:50', '2014-04-15 12:26:11'),
(10, 1, 'View All', 'index.php?main_page=products_all', '', '', '', 1, 15, 1, '2013-06-24 09:14:04', '2014-04-15 13:03:06'),
(11, 1, '', '', 'Customer Service', '', '', 1, 21, 2, '2013-06-24 09:15:49', '2014-04-15 15:00:16'),
(12, 1, 'About Us', 'index.php?main_page=about_us', '', '', '', 1, 24, 2, '2013-06-24 09:18:43', '2014-04-15 15:03:23'),
(14, 1, 'Gift Certificate FAQ', 'index.php?main_page=gv_faq', '', '', '', 1, 26, 2, '2013-06-24 09:19:40', '2014-04-15 15:02:42'),
(15, 1, 'Discount Coupons', 'index.php?main_page=discount_coupon', '', '', '', 1, 28, 2, '2013-06-24 09:20:12', '2014-04-15 15:04:14'),
(16, 1, 'Newsletter Unsubscribe', 'index.php?main_page=unsubscribe', '', '', '', 1, 28, 2, '2013-06-24 09:21:30', '2014-04-15 15:04:46'),
(18, 1, 'Contact Us', 'index.php?main_page=contact_us', '', '', '', 1, 23, 2, '2013-06-24 09:32:08', '2014-04-15 15:01:46'),
(19, 1, 'Shipping and Returns', 'index.php?main_page=shippinginfo', '', '', '', 1, 22, 2, '2013-06-24 09:32:33', '2014-04-15 15:01:33'),
(23, 1, 'My Account', 'index.php?main_page=account', '', '', '', 1, 25, 2, '2013-06-24 09:35:02', '2014-04-15 15:03:47'),
(25, 1, '', '', 'Share and Connect', '', '', 1, 4, 4, '2013-06-24 09:36:48', '2013-06-24 14:45:35'),
(26, 1, '', '', '', '', '<a href=\"https://www.facebook.com/Custom.Zen.Cart.Design\" target=\"_blank\"><i class=\"fa fa-facebook\"></i></a><a href=\"https://twitter.com/picaflorazul\" target=\"_blank\"><i class=\"fa fa-twitter\"></i></a><a href=\"http://www.pinterest.com/picaflorazul\" target=\"_blank\"><i class=\"fa fa-pinterest\"></i></a><a href=\"https://www.youtube.com/user/ZenCartEasyHelp\" target=\"_blank\"><i class=\"fa fa-youtube\"></i></a><a href=\"\" target=\"_blank\"><i class=\"fa fa-instagram\"></i></a>', 1, 41, 4, '2013-06-24 09:44:30', '2014-04-25 09:26:24');");
$db->Execute("SELECT @sortorder:=max(sort_order) FROM " . TABLE_ADMIN_PAGES . " ;");
$db->Execute("INSERT IGNORE INTO " . TABLE_ADMIN_PAGES . " (page_key, language_key, main_page, page_params, menu_key, display_on_menu, sort_order) VALUES
('flexibleFooterMenu', 'BOX_TOOLS_FLEXIBLE_FOOTER_MENU', 'FILENAME_FLEXIBLE_FOOTER_MENU', '', 'tools', 'Y', @sortorder+1);");
-
Re: Winchester Responsive
Apparently I just proved how difficult it is to find the bottom of the portrait tablet section in the responsive_default.css file
:(
Quote:
Originally Posted by
picaflor-azul
To add the changed layout just add this to the bottom of the
portrait tablet section in the
responsive_default.css file:
Code:
.fa-user{display:none;}
.fa-search{float:right;}
and change line 322 to:
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
Found an issue with the auto installer. For folks (like me) who do use table prefixes for their Zen Cart tables, the autoinstaller hardcodes some of the table names without the prefix. Besides strange errors I get that stop the auto-installer from finishing, this causes the flexible footer menu to not display, generated a bunch of other error messages AND prevented the template from displaying properly.. (I presume from the incomplete install - there is no error message when the install fails)
One more thing.. that middle section of the "ZCA Responsive Template Switch" was failing until I removed it. I'm guessing that it was meant to make sure that the "show_box_min_width" column did not already exist, but I got an error saying that the user (sean @ localhost) was not authorized to make this change.
Changed this:
Code:
// ZCA Responsive Template Switch
$db->Execute("INSERT IGNORE INTO " . TABLE_CONFIGURATION . " (configuration_id, configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function) VALUES
(NULL, '<b>ACTIVATE Responsive Template</b>', 'COLUMN_WIDTH', '1', 'Column Width - Left Boxes &<br /> Column Width - Right Boxes<br /><b>DO NOT WORK WITH</b><br />(1)Responsive Template Settings<br /><br /><b>Use</b><br />Column Width - Left &<br /> Column Width - Right<br /><br /><br /> 0 = Use Default Template Settings<br />1 = Use Responsive Template Settings<br />', '19', NULL, NOW(), NULL, 'zen_cfg_select_option(array(\'0\', \'1\'),');");
$sql=mysql_query(
"SELECT show_box_min_width FROM layout_boxes");
if (!$sql){
mysql_query("ALTER TABLE layout_boxes ADD show_box_min_width TINYINT( 1 ) NOT NULL DEFAULT '1' AFTER layout_box_status_single;");
}ELSE{
}
To:
Code:
// ZCA Responsive Template Switch
$db->Execute("ALTER TABLE " . TABLE_LAYOUT_BOXES . " ADD show_box_min_width TINYINT( 1 ) NOT NULL DEFAULT '1' AFTER layout_box_status_single;");
$db->Execute("INSERT IGNORE INTO " . TABLE_CONFIGURATION . " (configuration_id, configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function) VALUES
(NULL, '<b>ACTIVATE Responsive Template</b>', 'COLUMN_WIDTH', '1', 'Column Width - Left Boxes &<br /> Column Width - Right Boxes<br /><b>DO NOT WORK WITH</b><br />(1)Responsive Template Settings<br /><br /><b>Use</b><br />Column Width - Left &<br /> Column Width - Right<br /><br /><br /> 0 = Use Default Template Settings<br />1 = Use Responsive Template Settings<br />', '19', NULL, NOW(), NULL, 'zen_cfg_select_option(array(\'0\', \'1\'),');");
Changed this:
Code:
// Flexible Footer Menu
$db->Execute("CREATE TABLE IF NOT EXISTS flexible_footer_menu (
page_id int(11) NOT NULL AUTO_INCREMENT,
language_id int(11) NOT NULL DEFAULT '1',
page_title varchar(64) CHARACTER SET utf8 NOT NULL DEFAULT '',
page_url varchar(255) CHARACTER SET utf8 DEFAULT NULL,
col_header varchar(64) CHARACTER SET utf8 DEFAULT NULL,
col_image varchar(254) CHARACTER SET utf8 NOT NULL DEFAULT '',
col_html_text text CHARACTER SET utf8,
status int(1) NOT NULL DEFAULT '0',
col_sort_order int(11) NOT NULL DEFAULT '0',
col_id int(11) NOT NULL DEFAULT '0',
date_added datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
last_update datetime DEFAULT NULL,
PRIMARY KEY (`page_id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=29;");
$db->Execute("INSERT IGNORE INTO flexible_footer_menu (page_id, language_id, page_title, page_url, col_header, col_image, col_html_text, status, col_sort_order, col_id, date_added, last_update) VALUES
(3, 1, 'Home', 'index.php?main_page=', '', '', '', 1, 11, 1, '0000-00-00 00:00:00', '2014-04-15 12:23:45'),
(5, 1, 'Featured', 'index.php?main_page=featured_products', '', '', '', 1, 12, 1, '2013-06-24 07:45:26', '2014-04-15 12:25:49'),
(6, 1, '', '', 'Shop', '', '', 1, 1, 1, '2013-06-24 09:03:26', '2014-04-15 13:05:43'),
(8, 1, 'Specials', 'index.php?main_page=specials', '', '', '', 1, 13, 1, '2013-06-24 09:11:56', '2014-04-15 12:25:28'),
(9, 1, 'New Arrivals', 'index.php?main_page=products_new', '', '', '', 1, 14, 1, '2013-06-24 09:12:50', '2014-04-15 12:26:11'),
(10, 1, 'View All', 'index.php?main_page=products_all', '', '', '', 1, 15, 1, '2013-06-24 09:14:04', '2014-04-15 13:03:06'),
(11, 1, '', '', 'Customer Service', '', '', 1, 21, 2, '2013-06-24 09:15:49', '2014-04-15 15:00:16'),
(12, 1, 'About Us', 'index.php?main_page=about_us', '', '', '', 1, 24, 2, '2013-06-24 09:18:43', '2014-04-15 15:03:23'),
(14, 1, 'Gift Certificate FAQ', 'index.php?main_page=gv_faq', '', '', '', 1, 26, 2, '2013-06-24 09:19:40', '2014-04-15 15:02:42'),
(15, 1, 'Discount Coupons', 'index.php?main_page=discount_coupon', '', '', '', 1, 28, 2, '2013-06-24 09:20:12', '2014-04-15 15:04:14'),
(16, 1, 'Newsletter Unsubscribe', 'index.php?main_page=unsubscribe', '', '', '', 1, 28, 2, '2013-06-24 09:21:30', '2014-04-15 15:04:46'),
(18, 1, 'Contact Us', 'index.php?main_page=contact_us', '', '', '', 1, 23, 2, '2013-06-24 09:32:08', '2014-04-15 15:01:46'),
(19, 1, 'Shipping and Returns', 'index.php?main_page=shippinginfo', '', '', '', 1, 22, 2, '2013-06-24 09:32:33', '2014-04-15 15:01:33'),
(23, 1, 'My Account', 'index.php?main_page=account', '', '', '', 1, 25, 2, '2013-06-24 09:35:02', '2014-04-15 15:03:47'),
(25, 1, '', '', 'Share and Connect', '', '', 1, 4, 4, '2013-06-24 09:36:48', '2013-06-24 14:45:35'),
(26, 1, '', '', '', '', '<a href=\"https://www.facebook.com/Custom.Zen.Cart.Design\" target=\"_blank\"><i class=\"fa fa-facebook\"></i></a><a href=\"https://twitter.com/picaflorazul\" target=\"_blank\"><i class=\"fa fa-twitter\"></i></a><a href=\"http://www.pinterest.com/picaflorazul\" target=\"_blank\"><i class=\"fa fa-pinterest\"></i></a><a href=\"https://www.youtube.com/user/ZenCartEasyHelp\" target=\"_blank\"><i class=\"fa fa-youtube\"></i></a><a href=\"\" target=\"_blank\"><i class=\"fa fa-instagram\"></i></a>', 1, 41, 4, '2013-06-24 09:44:30', '2014-04-25 09:26:24');");
$db->Execute("SELECT @sortorder:=max(sort_order) FROM admin_pages;");
$db->Execute("INSERT IGNORE INTO " . TABLE_ADMIN_PAGES . " (page_key, language_key, main_page, page_params, menu_key, display_on_menu, sort_order) VALUES
('flexibleFooterMenu', 'BOX_TOOLS_FLEXIBLE_FOOTER_MENU', 'FILENAME_FLEXIBLE_FOOTER_MENU', '', 'tools', 'Y', @sortorder+1);");
To this:
Code:
// Flexible Footer Menu
$db->Execute("CREATE TABLE IF NOT EXISTS " . TABLE_FLEXIBLE_FOOTER_MENU . " (
page_id int(11) NOT NULL AUTO_INCREMENT,
language_id int(11) NOT NULL DEFAULT '1',
page_title varchar(64) CHARACTER SET utf8 NOT NULL DEFAULT '',
page_url varchar(255) CHARACTER SET utf8 DEFAULT NULL,
col_header varchar(64) CHARACTER SET utf8 DEFAULT NULL,
col_image varchar(254) CHARACTER SET utf8 NOT NULL DEFAULT '',
col_html_text text CHARACTER SET utf8,
status int(1) NOT NULL DEFAULT '0',
col_sort_order int(11) NOT NULL DEFAULT '0',
col_id int(11) NOT NULL DEFAULT '0',
date_added datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
last_update datetime DEFAULT NULL,
PRIMARY KEY (`page_id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=29;");
$db->Execute("INSERT IGNORE INTO " . TABLE_FLEXIBLE_FOOTER_MENU . " (page_id, language_id, page_title, page_url, col_header, col_image, col_html_text, status, col_sort_order, col_id, date_added, last_update) VALUES
(3, 1, 'Home', 'index.php?main_page=', '', '', '', 1, 11, 1, '0000-00-00 00:00:00', '2014-04-15 12:23:45'),
(5, 1, 'Featured', 'index.php?main_page=featured_products', '', '', '', 1, 12, 1, '2013-06-24 07:45:26', '2014-04-15 12:25:49'),
(6, 1, '', '', 'Shop', '', '', 1, 1, 1, '2013-06-24 09:03:26', '2014-04-15 13:05:43'),
(8, 1, 'Specials', 'index.php?main_page=specials', '', '', '', 1, 13, 1, '2013-06-24 09:11:56', '2014-04-15 12:25:28'),
(9, 1, 'New Arrivals', 'index.php?main_page=products_new', '', '', '', 1, 14, 1, '2013-06-24 09:12:50', '2014-04-15 12:26:11'),
(10, 1, 'View All', 'index.php?main_page=products_all', '', '', '', 1, 15, 1, '2013-06-24 09:14:04', '2014-04-15 13:03:06'),
(11, 1, '', '', 'Customer Service', '', '', 1, 21, 2, '2013-06-24 09:15:49', '2014-04-15 15:00:16'),
(12, 1, 'About Us', 'index.php?main_page=about_us', '', '', '', 1, 24, 2, '2013-06-24 09:18:43', '2014-04-15 15:03:23'),
(14, 1, 'Gift Certificate FAQ', 'index.php?main_page=gv_faq', '', '', '', 1, 26, 2, '2013-06-24 09:19:40', '2014-04-15 15:02:42'),
(15, 1, 'Discount Coupons', 'index.php?main_page=discount_coupon', '', '', '', 1, 28, 2, '2013-06-24 09:20:12', '2014-04-15 15:04:14'),
(16, 1, 'Newsletter Unsubscribe', 'index.php?main_page=unsubscribe', '', '', '', 1, 28, 2, '2013-06-24 09:21:30', '2014-04-15 15:04:46'),
(18, 1, 'Contact Us', 'index.php?main_page=contact_us', '', '', '', 1, 23, 2, '2013-06-24 09:32:08', '2014-04-15 15:01:46'),
(19, 1, 'Shipping and Returns', 'index.php?main_page=shippinginfo', '', '', '', 1, 22, 2, '2013-06-24 09:32:33', '2014-04-15 15:01:33'),
(23, 1, 'My Account', 'index.php?main_page=account', '', '', '', 1, 25, 2, '2013-06-24 09:35:02', '2014-04-15 15:03:47'),
(25, 1, '', '', 'Share and Connect', '', '', 1, 4, 4, '2013-06-24 09:36:48', '2013-06-24 14:45:35'),
(26, 1, '', '', '', '', '<a href=\"https://www.facebook.com/Custom.Zen.Cart.Design\" target=\"_blank\"><i class=\"fa fa-facebook\"></i></a><a href=\"https://twitter.com/picaflorazul\" target=\"_blank\"><i class=\"fa fa-twitter\"></i></a><a href=\"http://www.pinterest.com/picaflorazul\" target=\"_blank\"><i class=\"fa fa-pinterest\"></i></a><a href=\"https://www.youtube.com/user/ZenCartEasyHelp\" target=\"_blank\"><i class=\"fa fa-youtube\"></i></a><a href=\"\" target=\"_blank\"><i class=\"fa fa-instagram\"></i></a>', 1, 41, 4, '2013-06-24 09:44:30', '2014-04-25 09:26:24');");
$db->Execute("SELECT @sortorder:=max(sort_order) FROM " . TABLE_ADMIN_PAGES . " ;");
$db->Execute("INSERT IGNORE INTO " . TABLE_ADMIN_PAGES . " (page_key, language_key, main_page, page_params, menu_key, display_on_menu, sort_order) VALUES
('flexibleFooterMenu', 'BOX_TOOLS_FLEXIBLE_FOOTER_MENU', 'FILENAME_FLEXIBLE_FOOTER_MENU', '', 'tools', 'Y', @sortorder+1);");
Great catch! Thank you for posting. Once the template is approved I'll be able to post an update ;)
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
Apparently I just proved how difficult it is to find the bottom of the portrait tablet section in the responsive_default.css file
:(
Look around 76 in the responsive_tablet.css file. Put the additions within the final }
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
Looks like the file included is actually a v1.3.8 file.. Here's the v1.5.1 file with the changes incorporated:
Code:
<?php
/**
* split_page_results Class.
*
* @package classes
* @copyright Copyright 2003-2012 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 GIT: $Id: Author: Ian Wilson Fri Aug 17 17:54:58 2012 +0100 Modified in v1.5.1 $
* Modified by Anne (Picaflor-Azul.com) Winchester Respnsive v1.0
*/
if (!defined('IS_ADMIN_FLAG')) {
die('Illegal Access');
}
/**
* Split Page Result Class
*
* An sql paging class, that allows for sql reslt to be shown over a number of pages using simple navigation system
* Overhaul scheduled for subsequent release
*
* @package classes
*/
class splitPageResults extends base {
var $sql_query, $number_of_rows, $current_page_number, $number_of_pages, $number_of_rows_per_page, $page_name;
/* class constructor */
function splitPageResults($query, $max_rows, $count_key = '*', $page_holder = 'page', $debug = false, $countQuery = "") {
global $db;
$max_rows = ($max_rows == '' || $max_rows == 0) ? 20 : $max_rows;
$this->sql_query = preg_replace("/\n\r|\r\n|\n|\r/", " ", $query);
if ($countQuery != "") $countQuery = preg_replace("/\n\r|\r\n|\n|\r/", " ", $countQuery);
$this->countQuery = ($countQuery != "") ? $countQuery : $this->sql_query;
$this->page_name = $page_holder;
if ($debug) {
echo '<br /><br />';
echo 'original_query=' . $query . '<br /><br />';
echo 'original_count_query=' . $countQuery . '<br /><br />';
echo 'sql_query=' . $this->sql_query . '<br /><br />';
echo 'count_query=' . $this->countQuery . '<br /><br />';
}
if (isset($_GET[$page_holder])) {
$page = $_GET[$page_holder];
} elseif (isset($_POST[$page_holder])) {
$page = $_POST[$page_holder];
} else {
$page = '';
}
// BOF View All Changes 1 of 3
if ($page == 'all') {
$this->page_all = true;
$override = $db->Execute($query);
$max_rows = $override->RecordCount();
}
// EOF View All Changes 1 of 3
if (empty($page) || !is_numeric($page)) $page = 1;
$this->current_page_number = $page;
$this->number_of_rows_per_page = $max_rows;
$pos_to = strlen($this->countQuery);
$query_lower = strtolower($this->countQuery);
$pos_from = strpos($query_lower, ' from', 0);
$pos_group_by = strpos($query_lower, ' group by', $pos_from);
if (($pos_group_by < $pos_to) && ($pos_group_by != false)) $pos_to = $pos_group_by;
$pos_having = strpos($query_lower, ' having', $pos_from);
if (($pos_having < $pos_to) && ($pos_having != false)) $pos_to = $pos_having;
$pos_order_by = strpos($query_lower, ' order by', $pos_from);
if (($pos_order_by < $pos_to) && ($pos_order_by != false)) $pos_to = $pos_order_by;
if (strpos($query_lower, 'distinct') || strpos($query_lower, 'group by')) {
$count_string = 'distinct ' . zen_db_input($count_key);
} else {
$count_string = zen_db_input($count_key);
}
$count_query = "select count(" . $count_string . ") as total " . substr($this->countQuery, $pos_from, ($pos_to - $pos_from));
if ($debug) {
echo 'count_query=' . $count_query . '<br /><br />';
}
$count = $db->Execute($count_query);
$this->number_of_rows = $count->fields['total'];
$this->number_of_pages = ceil($this->number_of_rows / $this->number_of_rows_per_page);
if ($this->current_page_number > $this->number_of_pages) {
$this->current_page_number = $this->number_of_pages;
}
$offset = ($this->number_of_rows_per_page * ($this->current_page_number - 1));
// fix offset error on some versions
if ($offset <= 0) { $offset = 0; }
$this->sql_query .= " limit " . ($offset > 0 ? $offset . ", " : '') . $this->number_of_rows_per_page;
}
/* class functions */
// display split-page-number-links
function display_links($max_page_links, $parameters = '') {
global $request_type;
if ($max_page_links == '') $max_page_links = 1;
$display_links_string = '';
$class = '';
if (zen_not_null($parameters) && (substr($parameters, -1) != '&')) $parameters .= '&';
// BOF View All Changes 2 of 3
if ((!$this->page_all) && ($this->number_of_pages > 1)) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . 'all', $request_type) . '" title=" ' . SHOW_ALL_TITLE . ' ">' . SHOW_ALL_BUTTON . '</a>########';
elseif ($this->page_all) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters, $request_type) . '" title=" ' . SHOW_PAGEVIEW_TITLE . ' ">' . SHOW_PAGEVIEW_BUTTON . '</a>####';
// EOF View All Changes 2 of 3
// previous button - not displayed on first page
if ($this->current_page_number > 1) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . ($this->current_page_number - 1), $request_type) . '" title=" ' . PREVNEXT_TITLE_PREVIOUS_PAGE . ' ">' . PREVNEXT_BUTTON_PREV . '</a>####';
// check if number_of_pages > $max_page_links
$cur_window_num = intval($this->current_page_number / $max_page_links);
if ($this->current_page_number % $max_page_links) $cur_window_num++;
$max_window_num = intval($this->number_of_pages / $max_page_links);
if ($this->number_of_pages % $max_page_links) $max_window_num++;
// previous window of pages
if ($cur_window_num > 1) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . (($cur_window_num - 1) * $max_page_links), $request_type) . '" title=" ' . sprintf(PREVNEXT_TITLE_PREV_SET_OF_NO_PAGE, $max_page_links) . ' ">...</a>';
// BOF View All Changes 3 of 3
// page nn button - visa inte om alla sidor visas
if (!$this->page_all) {
for ($jump_to_page = 1 + (($cur_window_num - 1) * $max_page_links); ($jump_to_page <= ($cur_window_num * $max_page_links)) && ($jump_to_page <= $this->number_of_pages); $jump_to_page++) {
if ($jump_to_page == $this->current_page_number) {
$display_links_string .= '##<strong class="current">' . $jump_to_page . '</strong>##';
} else {
$display_links_string .= '##<a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . $jump_to_page, $request_type) . '" title=" ' . sprintf(PREVNEXT_TITLE_PAGE_NO, $jump_to_page) . ' ">' . $jump_to_page . '</a>##';
}
// EOF View All Changes 3 of 3
}
}
// next window of pages
if ($cur_window_num < $max_window_num) $display_links_string .= '<a href="' . zen_href_link($_GET['main_page'], $parameters . $this->page_name . '=' . (($cur_window_num) * $max_page_links + 1), $request_type) . '" title=" ' . sprintf(PREVNEXT_TITLE_NEXT_SET_OF_NO_PAGE, $max_page_links) . ' ">...</a>##';
// next button
if (($this->current_page_number < $this->number_of_pages) && ($this->number_of_pages != 1)) $display_links_string .= '##<a href="' . zen_href_link($_GET['main_page'], $parameters . 'page=' . ($this->current_page_number + 1), $request_type) . '" title=" ' . PREVNEXT_TITLE_NEXT_PAGE . ' ">' . PREVNEXT_BUTTON_NEXT . '</a>##';
if ($display_links_string == '##<strong class="current">1</strong>##') {
return '##';
} else {
return $display_links_string;
}
}
// display number of total products found
function display_count($text_output) {
$to_num = ($this->number_of_rows_per_page * $this->current_page_number);
if ($to_num > $this->number_of_rows) $to_num = $this->number_of_rows;
$from_num = ($this->number_of_rows_per_page * ($this->current_page_number - 1));
if ($to_num == 0) {
$from_num = 0;
} else {
$from_num++;
}
if ($to_num <= 1) {
// don't show count when 1
return '';
} else {
return sprintf($text_output, $from_num, $to_num, $this->number_of_rows);
}
}
}
Thank you for posting this ;) You will also need to change line 76 of the includes/languages/winchester_responsive/english.php file to:
Code:
define('SHOW_PAGEVIEW_BUTTON', 'View Less');
Thanks,
Anne
-
Re: Winchester Responsive
I just caught a spelling error which is causing problems in includes/templates/winchester_responsive/css/stylesheet.css line 411:
Code:
.review-write-left{float:left;width:40%;text-align:center;}
Thanks,
Anne
-
Re: Winchester Responsive
TNX for all the pointers on where to make edits. Things are looking much better.
Quote:
Originally Posted by
picaflor-azul
Its weird because the layout problems you have are with the responsive_default.css and not the tablet layout. Your user agent is not being detected. I rearranged elements in the header on this width in the responsive_default.css. Take a look at the demo:
http://www.zenlyzen.com/responsive-z...ter_responsive
Try this on any touch device ( I have only tried on Android 8" GalaxyTab 3 and desktop 25"/mouse with similar results)
Tap Categories down-arrow
Swipe/Scroll down the list so that you can select one of the lower, off-screen categories
As soon as your finger leaves the screen when you get the lower categories within view, the menu disappears making it impossible to select any category that is not within view on the initial dropdown.
Ditto if subcategory list is longer than the screen is tall.
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
TNX for all the pointers on where to make edits. Things are looking much better.
Try this on any touch device ( I have only tried on Android 8" GalaxyTab 3 and desktop 25"/mouse with similar results)
Tap Categories down-arrow
Swipe/Scroll down the list so that you can select one of the lower, off-screen categories
As soon as your finger leaves the screen when you get the lower categories within view, the menu disappears making it impossible to select any category that is not within view on the initial dropdown.
Ditto if subcategory list is longer than the screen is tall.
Take a look at the jquery demo here and let me know if it has the same behaviour:
http://adnantopal.github.io/slimmenu/#
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
The example there doesn't have a list as long as a zencart demo using the default data.
I can swipe/scroll the screen in the github example using touch without the menu collapsing.
So, no, the menu does not appear to collapse when a finger is lifted as it does in the Winchester demo
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
The example there doesn't have a list as long as a zencart demo using the default data.
I can swipe/scroll the screen in the github example using touch without the menu collapsing.
So, no, the menu does not appear to collapse when a finger is lifted as it does in the Winchester demo
Ok, thank you for the info ;) It will help me to trouble shoot.
Thanks,
Anne
-
Re: Winchester Responsive
If there is anything that I can do to help, please let me know.
It is the weekend and even software folks deserve a break.
-
Re: Winchester Responsive
Top Specials Bar. Is this by design or a glitch? Our initial thought was to use this bar to highlight a link to an EZ page that would explain new features or functionality in an attempt to help customers get acquainted with a new look. Then, migrate to SPECIALS.
Quitting time today, so will pick up here tomorrow.
Code:
/*bof top specials*/
define('HEADER_TITLE_SPECIALS','<a href="index.php?main_page=specials">Specials</a>');
define('HEADER_TITLE_TOP_TEXT','FREE Shipping on all orders over $50.00!');
The HEADER_TITLE_SPECIALS link only appears on desktop displays and is removed when width steps down from full width or possibly tablets. GalaxyTab 8 and 10 inch. Both are 1280 x 800. 10inch displays both 'defines' in landscape. 8 inch only displays HEADER_TITLE_TOP_TEXT in landscape. Do not have any means to test Apple devices.
The HEADER_TITLE_TOP_TEXT is displayed on all tablet devices that I can test but has no clickable link due to the above.
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
Top Specials Bar. Is this by design or a glitch? Our initial thought was to use this bar to highlight a link to an EZ page that would explain new features or functionality in an attempt to help customers get acquainted with a new look. Then, migrate to SPECIALS.
Quitting time today, so will pick up here tomorrow.
Code:
/*bof top specials*/
define('HEADER_TITLE_SPECIALS','<a href="index.php?main_page=specials">Specials</a>');
define('HEADER_TITLE_TOP_TEXT','FREE Shipping on all orders over $50.00!');
The HEADER_TITLE_SPECIALS link only appears on desktop displays and is removed when width steps down from full width or possibly tablets. GalaxyTab 8 and 10 inch. Both are 1280 x 800. 10inch displays both 'defines' in landscape. 8 inch only displays HEADER_TITLE_TOP_TEXT in landscape. Do not have any means to test Apple devices.
The HEADER_TITLE_TOP_TEXT is displayed on all tablet devices that I can test but has no clickable link due to the above.
You can put any content in the top bar. You can add your content by editing the define statements. If you want the text to link somewhere, then just add a html link tag ;) It is designed that the specials button will be hidden on mobile devices. This is for space sake.
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
It is designed that the specials button will be hidden on mobile devices. This is for space sake.
TNX. I thought that might be the case.
-
Re: Winchester Responsive
What do I change so that the space occupied by the collapsed menu does not overlay the logo in the mobile width? I have tried several settings but have yet to find the proper file and/or edit.
Purple width instead of green width.
Attachment 14046
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
What do I change so that the space occupied by the collapsed menu does not overlay the logo in the mobile width? I have tried several settings but have yet to find the proper file and/or edit.
Purple width instead of green width.
Attachment 14046
You will need to edit the responsive_mobile.css and the responsive_default.css (this is for devices whose user agent is not detected).
In responsive_default.css on line 182 change to:
Code:
#menu {
margin-top: -130px;
width: 50%;
float: right;
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
In responsive_default.css on line 182 change to:
Code:
#menu {
margin-top: -130px;
width: 50%;
float: right;
I probably should stop working with the template until the entire category list can be displayed, but when the above code is changed in responsive_default.css, 2 instances of login and shopping cart appear on the page (desktop or mobile).
In my attempts to try to figure this out on my own, I found the page source code seems to indicate that they are there before the code is changed (maybe one is naturally hidden until the above code edit is made).
Code:
<!--eof handheld menu display-->
<div id="mobile-nav1">
<a href="http://www.zenlyzen.com/responsive-zen-cart-templates/index.php?main_page=account"><i class="fa fa-user"></i></a>
<a href="http://www.zenlyzen.com/responsive-zen-cart-templates/index.php?main_page=advanced_search"><i class="fa fa-search"></i></a>
<div id="header-cart">
<a href="http://www.zenlyzen.com/responsive-zen-cart-templates/index.php?main_page=shopping_cart">0 - $0.00</a>
</div>
</div>
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li class="h-login"><a href="http://www.zenlyzen.com/responsive-zen-cart-templates/index.php?main_page=login">Log In / Register</a></li>
</ul>
</div>
<br class="clearBoth" />
<div id="header-cart">
<a href="http://www.zenlyzen.com/responsive-zen-cart-templates/index.php?main_page=shopping_cart">0 - $0.00</a>
</div>
<!--eof-navigation display-->
-
Re: Winchester Responsive
The slideshow is a tad too tall for my client's preferences.. How do I change the height.. I tried simply resizing the images, but that didn't work..
-
Re: Winchester Responsive
Found a small typo in the auto-installer in the banner section
Change this line:
Code:
('', 'Packed with Features', 'http://www.picaflor-azul.com', 'banners/slide14.jpg', 'homepagesldie', NULL, '0', NULL, NULL, '0001-01-01 00:00:00', NULL, '1', '1', '1', '0'),
To this:
Code:
('', 'Packed with Features', 'http://www.picaflor-azul.com', 'banners/slide14.jpg', 'homepageslide', NULL, '0', NULL, NULL, '0001-01-01 00:00:00', NULL, '1', '1', '1', '0'),
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
Found a small typo in the auto-installer in the banner section
Change this line:
Code:
('', 'Packed with Features', 'http://www.picaflor-azul.com', 'banners/slide14.jpg', 'homepagesldie', NULL, '0', NULL, NULL, '0001-01-01 00:00:00', NULL, '1', '1', '1', '0'),
To this:
Code:
('', 'Packed with Features', 'http://www.picaflor-azul.com', 'banners/slide14.jpg', 'homepageslide', NULL, '0', NULL, NULL, '0001-01-01 00:00:00', NULL, '1', '1', '1', '0'),
Thanks for the catch! I have already fixed this for the next update which I will uploading soon.
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
The slideshow is a tad too tall for my client's preferences.. How do I change the height.. I tried simply resizing the images, but that didn't work..
You can edit the stylesheet_flex.css file line 27 min-height and max-height.
Thanks,
Anne
-
Re: Winchester Responsive
The template package has been approved and is available for download from the plugins section ;)
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
You can edit the stylesheet_flex.css file line 27 min-height and max-height.
Thanks,
Anne
Doh!! Sorry.. It was late and I was coming off of a turnaround business trip.. Too tired to see this.. :laugh: Sadly I "looked" right at this and STILL missed it....
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
Doh!! Sorry.. It was late and I was coming off of a turnaround business trip.. Too tired to see this.. :laugh: Sadly I "looked" right at this and STILL missed it....
Ah, it happens all the time to me! Thank you so much for all of your help working out the bugs :hug:
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
Ah, it happens all the time to me! Thank you so much for all of your help working out the bugs :hug:
Thanks,
Anne
Sure.. Happy to help.. :smile: You know I'm a BIG fan of your work.. Once I have the responsive version of TPP integrated with this template I'll send you a link to what I'm working on so you can see it..
-
Re: Winchester Responsive
would like to have the featured products scroller advance to the next 4 products versus the next single product as it currently does..
I know if I change this section in the includes/templates/winchester_responsive/templates/tpl_index_default.php and includes/templates/winchester_responsive/templates/tpl_index_categories.php files from:
Code:
<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,
prev : {
button : "#foo1_prev",
},
next : {
button : "#foo1_next",
}
});
});
to:
Code:
<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,
prev : {
button : "#foo1_prev",
},
next : {
button : "#foo1_next",
}
});
});
This works perfectly UNTIL.. you view it on a mobile device.. So how can I set it to scroll 4 on devices up to 979px and just scroll 1 at a time on smaller devices..
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
Thanks for the catch! I have already fixed this for the next update which I will uploading soon.
Thanks,
Anne
So how does the typeo affect the site if the template has already been installed?
-
Re: Winchester Responsive
Quote:
Originally Posted by
SPH
So how does the typeo affect the site if the template has already been installed?
It means one of the slides won't display because the banner group is wrong.. Edit the slide in question.. change the banner group to the right banner group..
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
would like to have the featured products scroller advance to the next 4 products versus the next single product as it currently does..
I know if I change this section in the includes/templates/winchester_responsive/templates/tpl_index_default.php and includes/templates/winchester_responsive/templates/tpl_index_categories.php files from:
Code:
<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,
prev : {
button : "#foo1_prev",
},
next : {
button : "#foo1_next",
}
});
});
to:
Code:
<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,
prev : {
button : "#foo1_prev",
},
next : {
button : "#foo1_next",
}
});
});
This works perfectly UNTIL.. you view it on a mobile device.. So how can I set it to scroll 4 on devices up to 979px and just scroll 1 at a time on smaller devices..
I am sorry, but I have no idea. My guess is that you will have to write some javascript.
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
would like to have the featured products scroller advance to the next 4 products versus the next single product as it currently does..
I know if I change this section in the includes/templates/winchester_responsive/templates/tpl_index_default.php and includes/templates/winchester_responsive/templates/tpl_index_categories.php files from:
Code:
<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,
prev : {
button : "#foo1_prev",
},
next : {
button : "#foo1_next",
}
});
});
to:
Code:
<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,
prev : {
button : "#foo1_prev",
},
next : {
button : "#foo1_next",
}
});
});
This works perfectly UNTIL.. you view it on a mobile device.. So how can I set it to scroll 4 on devices up to 979px and just scroll 1 at a time on smaller devices..
Try:
Code:
<?php
if($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,
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,
prev : {
button : "#foo1_prev",
},
next : {
button : "#foo1_next",
}
});
});
--></script>
<?php
}
?>
-
Re: Winchester Responsive
Quote:
Originally Posted by
rbarbour
Try:
Code:
<?php
if($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,
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,
prev : {
button : "#foo1_prev",
},
next : {
button : "#foo1_next",
}
});
});
--></script>
<?php
}
?>
Yes, that is the way to do it! Thank you for pointing it out, I had forgotten about the device specific js that can be added with the new version of DIY responsive default, very cool :cool:
Thanks,
Anne
-
Re: Winchester Responsive
-
Re: Winchester Responsive
You are the BEST.. Thanks for this..
Quote:
Originally Posted by
rbarbour
Try:
Code:
<?php
if($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,
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,
prev : {
button : "#foo1_prev",
},
next : {
button : "#foo1_next",
}
});
});
--></script>
<?php
}
?>
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
We will have to consult rbarbour about this. The template does work on both landscape and portrait tablets. Maybe it is the way that you have your devices configured that is not allowing the user agent to be detected by the php mobile detect script? See this:
http://code.google.com/p/php-mobile-detect
and what does this say when you visit on your tablet:
http://demo.mobiledetect.net/
Thanks,
Anne
Quote:
Originally Posted by
RixStix
Android 8" and 10" Tablets detected as tablets.
Android 7" tablet detected as mobile.
Windows 8.1 Pro tablet is detected as desktop.
Windows 8.1 RT tablet detected as tablet.
The php-mobile-detect is open source, active and updated regularly (currently 4 new versions exist). Devices are added and updated in every new version, the code however cannot detect a device with a UA that is not expressed (device browsers mainly) do not express "mobile" or "tablet".
For this reason, the responsive_default.css still exists, to provide common breakpoints and a default layout where the php-mobile-detect code falls short.
Quote:
Originally Posted by
RixStix
Some issues are related to screenwidth, not tablet/desktop because they exist either on tablet or desktop with width resized to the 768 width step.
Any layout issues related to the above screen width should be added to the responsive_default.css file between the @media (min-width:768px) and (max-width:979px) curly brackets {}
Quote:
Originally Posted by
RixStix
Some issue related to the buttons mentioned earlier that have expected functionality but designed functionality is 'do nothing' and require a tap on the teeny arrows instead. Nothing you can do about the built-in feature that do not function as expected by other users.
Core zencart functionality works fine with a tap.
Responsive functionality requires tap and hold to function in some cases which causes confusion when some buttons are tap only functionality and some are tap and hold.
Tap and hold functionality, when used on Windows tablets, opens a typical 'right-click' window instead of expected action.
The tap and tap/hold issues I believe are 3rd party plugin/add-on related and I have not had a chance to view or play with. Will do so, so I can try to better help troubleshoot.
-
Re: Winchester Responsive
TNX rbarbour.
I am not a coder, just a technician that can implement changes when I have an example or similar.
I do not own any Apple devices and haven't looked at the screen resolution used by them.
I do own Samsung Android 8 &10 inch tablets. Both screen resolutions are identical 1280 x 800. Some responsive functionality is different between the two tablets but I haven't a clue what in the code would make them different unless it is the UA detection. I listed the various UA by different browsers within them in an earlier post.
I do own 2 Windows tablets but MSFT seems to have given them a mind of their own. I have no known 3rd party plugins installed for touch functionality; just out of the box IE11.
Not being able to make menu selections because the selections extend off the bottom of the screen is a major showstopper. I am assuming it is related to slimmenu. How do we freeze or delay the menu on MouseLeave instead of collapsing the menu. I'm assuming touch input coming off the screen is functionally equivalent to mouseleave.
Whatever I can do to help, please ask either here or PM. You and Anne have my utmost respect in being forthcoming and volunteering time and efforts to the community.
-
Re: Winchester Responsive
Quote:
Originally Posted by
rbarbour
The php-mobile-detect is open source, active and updated regularly (currently 4 new versions exist). Devices are added and updated in every new version, the code however cannot detect a device with a UA that is not expressed (device browsers mainly) do not express "mobile" or "tablet".
I checked the mobile-detect code and both of my Android tablets are listed so I assume the mobile detect code applies instead of the responsive_default.css code. OR the UA detection has functionality issues with Android UA strings.
In my quest to dig deeper....
Based upon 2nd hand information & tester, Apple touch responses to slimmenu (is that what it's called) are different than Android responses.
- If the menu extends offscreen, Apple tablets can just swipe again to reveal the portion of the menu that extends off the screen. The menu does not collapse when touch input is lifted.
- Android tablets collapses the menu when touch input is removed, making it impossible to select lower menu selections.
Many (dare I say most) Android & Windows tablets fall within "No Man's Land" screen sizes as far as responsive code is concerned.
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
I checked the mobile-detect code and both of my Android tablets are listed so I assume the mobile detect code applies instead of the responsive_default.css code. OR the UA detection has functionality issues with Android UA strings.
Lets try moving past assumption and find out, use the browsers "view page source" to see what responsive css file is being called.
Quote:
Originally Posted by
RixStix
In my quest to dig deeper....
Based upon 2nd hand information & tester, Apple touch responses to slimmenu (is that what it's called) are different than Android responses.
- If the menu extends offscreen, Apple tablets can just swipe again to reveal the portion of the menu that extends off the screen. The menu does not collapse when touch input is lifted.
- Android tablets collapses the menu when touch input is removed, making it impossible to select lower menu selections.
As stated earlier, slimmenu is a 3rd party plugin/addon I have not yet tested and it's touch abilities or not have not been tested by me and would have nothing to do with the responsive code. As time permits I will test and play with, then pass my findings along.
Quote:
Originally Posted by
RixStix
Many (dare I say most) Android & Windows tablets fall within "No Man's Land" screen sizes as far as responsive code is concerned.
You may, the default responsive code covers this so called "No Man's Land" screen sizes per my last post. Both the mobile and tablet responsive code cover all sizes for they return only 1 layout based on the orientation of the device.
-
Re: Winchester Responsive
Quote:
Originally Posted by
rbarbour
Lets try moving past assumption and find out, use the browsers "view page source" to see what responsive css file is being called.
Not quite so easy to do on an Android tablet but here it is
Code:
<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/stylesheet_flex.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/stylesheet_responsive_tabs.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/index_home.css" />
<script src="https://ajax.googleapis.com/ajax/lib.../jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/responsive.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/responsive_default.css" />
<script src="includes/templates/winchester_responsive/jscript/css_browser_selector.js" type="text/javascript"></script>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" />
UA string using http://demo.mobiledetect.net/Mobile_Detect v. 2.8.0
The lightweight PHP class for detecting mobile devices.
This is a tablet. Your UA is Mozilla/5.0 (Linux; Android 4.2.2; SM-T310 Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.114 Safari/537.36
mobile_detect.php
line 179 ..... SM-T310
Doesn't appear that mobile_detect.php is seeing SM-T310 in the UA string
Quote:
As stated earlier, slimmenu is a 3rd party plugin/addon I have not yet tested and it's touch abilities or not have not been tested by me and would have nothing to do with the responsive code. As time permits I will test and play with, then pass my findings along.
Sorry, I thought that comment was regarding Windows tablets 3rd party plugin, not slimmenu. I never said that it had anything to do with the responsive code, but it does have something to do with the template functionality regarding the user being able to select a product category which happens to be off-screen on Android and Windows tablets.
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
Not quite so easy to do on an Android tablet but here it is
Code:
<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/stylesheet_flex.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/stylesheet_responsive_tabs.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/index_home.css" />
<script src="https://ajax.googleapis.com/ajax/lib.../jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/responsive.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/responsive_default.css" />
<script src="includes/templates/winchester_responsive/jscript/css_browser_selector.js" type="text/javascript"></script>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" />
UA string using
http://demo.mobiledetect.net/Mobile_Detect v. 2.8.0
The lightweight PHP class for detecting mobile devices.
This is a tablet. Your UA is Mozilla/5.0 (Linux; Android 4.2.2; SM-T310 Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.114 Safari/537.36
mobile_detect.php
line 179 ..... SM-T310
Doesn't appear that mobile_detect.php is seeing SM-T310 in the UA string
OK, so mobile detect is detecting the tablet as a tablet, this is good and working correctly. SM-T310 shouldn't matter because your test returns This is a tablet.
The problem, looking at the files listed from the "view page source" above, is that the responsive_default.css file is being called and not the responsive_tablet.css file.
Have you made any changes to the html_header.php file
-
Re: Winchester Responsive
Tried this, and it doesn't seem to be working.. mobile devices still scroll 4 ahead..
Quote:
Originally Posted by
rbarbour
Try:
Code:
<?php
if($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,
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,
prev : {
button : "#foo1_prev",
},
next : {
button : "#foo1_next",
}
});
});
--></script>
<?php
}
?>
Quote:
Originally Posted by
DivaVocals
You are the BEST.. Thanks for this..
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
Tried this, and it doesn't seem to be working.. mobile devices still scroll 4 ahead..
Crystal,
Will you do the same, check the browsers "view page source" to see what responsive css file is being called.
For some reason I don't think the mobile detect code is functioning and I can't reproduce, but I am getting the same results as you and Rick on the DEMO using the FF UA Switcher.
-
Re: Winchester Responsive
Quote:
Originally Posted by
rbarbour
OK, so mobile detect is detecting the tablet as a tablet, this is good and working correctly. SM-T310 shouldn't matter because your test returns This is a tablet.
The problem, looking at the files listed from the "view page source" above, is that the responsive_default.css file is being called and not the responsive_tablet.css file.
Have you made any changes to the html_header.php file
I have not modified the html_header.php file version which is included with the template.
This is a zencart v1.5.1 install plus this template and ckeditor installed. I wanted to get the template ironed out before adding any extras.
For testing, I have,
8" Galaxy Tab 3 (4 different browsers)
10" Galaxy Tab 3 (4 different browsers)
7" Generic Tab (3 browers)
Windows SurfaceRT tablet (IE11 only)
Windows 8.1 Pro tablet (3 browsers)
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
I have not modified the html_header.php file version which is included with the template.
This is a zencart v1.5.1 install plus this template and ckeditor installed. I wanted to get the template ironed out before adding any extras.
For testing, I have,
8" Galaxy Tab 3 (4 different browsers)
10" Galaxy Tab 3 (4 different browsers)
7" Generic Tab (3 browers)
Windows SurfaceRT tablet (IE11 only)
Windows 8.1 Pro tablet (3 browsers)
Can you do me a favor and look at the responsive template default here:
http://www.zenlyzen.com/responsive-z...mplate_default
and post the same info that you posted for the Winchester Responsive template?
Thanks,
Anne
-
Re: Winchester Responsive
Quote:
Originally Posted by
picaflor-azul
Same tablet 8" Galaxy Tab 3. Same browser (Chrome:Android)
HTML Code:
<base href="http://www.zenlyzen.com/responsive-zen-cart-templates/" />
<link rel="canonical" href="http://www.zenlyzen.com/responsive-zen-cart-templates/" />
<link rel="stylesheet" type="text/css" href="includes/templates/responsive_template_default/css/stylesheet.css" />
<script type="text/javascript">
<!--
/*
SlidesJS 3.0.4 http://slidesjs.com
(c) 2013 by Nathan Searles http://nathansearles.com
Updated: June 26th, 2013
Apache License: http://www.apache.org/licenses/LICENSE-2.0
*/
(function(){(function(e,t,n){var r,i,s;s="slidesjs";i={width:940,height:528,start:1,navigation:{active:!0,effect:"slide"},pagination:{active:!0,effect:"slide"},play:{active:!1,effect:"slide",interval:5e3,auto:!1,swap:!0,pauseOnHover:!1,restartDelay:2500},effect:{slide:{speed:500},fade:{speed:300,crossfade:!0}},callback:{loaded:function(){},start:function(){},complete:function(){}}};r=function(){function t(t,n){this.element=t;this.options=e.extend(!0,{},i,n);this._defaults=i;this._name=s;this.init()}return t}();r.prototype.init=function(){var n,r,i,s,o,u,a=this;n=e(this.element);this.data=e.data(this);e.data(this,"animating",!1);e.data(this,"total",n.children().not(".slidesjs-navigation",n).length);e.data(this,"current",this.options.start-1);e.data(this,"vendorPrefix",this._getVendorPrefix());if(typeof TouchEvent!="undefined"){e.data(this,"touch",!0);this.options.effect.slide.speed=this.options.effect.slide.speed/2}n.css({overflow:"hidden"});n.slidesContainer=n.children().not(".slidesjs-navigation",n).wrapAll("<div class='slidesjs-container'>",n).parent().css({overflow:"hidden",position:"relative"});e(".slidesjs-container",n).wrapInner("<div class='slidesjs-control'>",n).children();e(".slidesjs-control",n).css({position:"relative",left:0});e(".slidesjs-control",n).children().addClass("slidesjs-slide").css({position:"absolute",top:0,left:0,width:"100%",zIndex:0,display:"none",webkitBackfaceVisibility:"hidden"});e.each(e(".slidesjs-control",n).children(),function(t){var n;n=e(this);return n.attr("slidesjs-index",t)});if(this.data.touch){e(".slidesjs-control",n).on("touchstart",function(e){return a._touchstart(e)});e(".slidesjs-control",n).on("touchmove",function(e){return a._touchmove(e)});e(".slidesjs-control",n).on("touchend",function(e){return a._touchend(e)})}n.fadeIn(0);this.update();this.data.touch&&this._setuptouch();e(".slidesjs-control",n).children(":eq("+this.data.current+")").eq(0).fadeIn(0,function(){return e(this).css({zIndex:10})});if(this.options.navigation.active){o=e("<a>",{"class":"slidesjs-previous slidesjs-navigation",href:"#",title:"Previous",text:"Previous"}).appendTo(n);r=e("<a>",{"class":"slidesjs-next slidesjs-navigation",href:"#",title:"Next",text:"Next"}).appendTo(n)}e(".slidesjs-next",n).click(function(e){e.preventDefault();a.stop(!0);return a.next(a.options.navigation.effect)});e(".slidesjs-previous",n).click(function(e){e.preventDefault();a.stop(!0);return a.previous(a.options.navigation.effect)});if(this.options.play.active){s=e("<a>",{"class":"slidesjs-play slidesjs-navigation",href:"#",title:"Play",text:"Play"}).appendTo(n);u=e("<a>",{"class":"slidesjs-stop slidesjs-navigation",href:"#",title:"Stop",text:"Stop"}).appendTo(n);s.click(function(e){e.preventDefault();return a.play(!0)});u.click(function(e){e.preventDefault();return a.stop(!0)});this.options.play.swap&&u.css({display:"none"})}if(this.options.pagination.active){i=e("<ul>",{"class":"slidesjs-pagination"}).appendTo(n);e.each(new Array(this.data.total),function(t){var n,r;n=e("<li>",{"class":"slidesjs-pagination-item"}).appendTo(i);r=e("<a>",{href:"#","data-slidesjs-item":t,html:t+1}).appendTo(n);return r.click(function(t){t.preventDefault();a.stop(!0);return a.goto(e(t.currentTarget).attr("data-slidesjs-item")*1+1)})})}e(t).bind("resize",function(){return a.update()});this._setActive();this.options.play.auto&&this.play();return this.options.callback.loaded(this.options.start)};r.prototype._setActive=function(t){var n,r;n=e(this.element);this.data=e.data(this);r=t>-1?t:this.data.current;e(".active",n).removeClass("active");return e(".slidesjs-pagination li:eq("+r+") a",n).addClass("active")};r.prototype.update=function(){var t,n,r;t=e(this.element);this.data=e.data(this);e(".slidesjs-control",t).children(":not(:eq("+this.data.current+"))").css({display:"none",left:0,zIndex:0});r=t.width();n=this.options.height/this.options.width*r;this.options.width=r;this.options.height=n;return e(".slidesjs-control, .slidesjs-container",t).css({width:r,height:n})};r.prototype.next=function(t){var n;n=e(this.element);this.data=e.data(this);e.data(this,"direction","next");t===void 0&&(t=this.options.navigation.effect);return t==="fade"?this._fade():this._slide()};r.prototype.previous=function(t){var n;n=e(this.element);this.data=e.data(this);e.data(this,"direction","previous");t===void 0&&(t=this.options.navigation.effect);return t==="fade"?this._fade():this._slide()};r.prototype.goto=function(t){var n,r;n=e(this.element);this.data=e.data(this);r===void 0&&(r=this.options.pagination.effect);t>this.data.total?t=this.data.total:t<1&&(t=1);if(typeof t=="number")return r==="fade"?this._fade(t):this._slide(t);if(typeof t=="string"){if(t==="first")return r==="fade"?this._fade(0):this._slide(0);if(t==="last")return r==="fade"?this._fade(this.data.total):this._slide(this.data.total)}};r.prototype._setuptouch=function(){var t,n,r,i;t=e(this.element);this.data=e.data(this);i=e(".slidesjs-control",t);n=this.data.current+1;r=this.data.current-1;r<0&&(r=this.data.total-1);n>this.data.total-1&&(n=0);i.children(":eq("+n+")").css({display:"block",left:this.options.width});return i.children(":eq("+r+")").css({display:"block",left:-this.options.width})};r.prototype._touchstart=function(t){var n,r;n=e(this.element);this.data=e.data(this);r=t.originalEvent.touches[0];this._setuptouch();e.data(this,"touchtimer",Number(new Date));e.data(this,"touchstartx",r.pageX);e.data(this,"touchstarty",r.pageY);return t.stopPropagation()};r.prototype._touchend=function(t){var n,r,i,s,o,u,a,f=this;n=e(this.element);this.data=e.data(this);u=t.originalEvent.touches[0];s=e(".slidesjs-control",n);if(s.position().left>this.options.width*.5||s.position().left>this.options.width*.1&&Number(new Date)-this.data.touchtimer<250){e.data(this,"direction","previous");this._slide()}else if(s.position().left<-(this.options.width*.5)||s.position().left<-(this.options.width*.1)&&Number(new Date)-this.data.touchtimer<250){e.data(this,"direction","next");this._slide()}else{i=this.data.vendorPrefix;a=i+"Transform";r=i+"TransitionDuration";o=i+"TransitionTimingFunction";s[0].style[a]="translateX(0px)";s[0].style[r]=this.options.effect.slide.speed*.85+"ms"}s.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){i=f.data.vendorPrefix;a=i+"Transform";r=i+"TransitionDuration";o=i+"TransitionTimingFunction";s[0].style[a]="";s[0].style[r]="";return s[0].style[o]=""});return t.stopPropagation()};r.prototype._touchmove=function(t){var n,r,i,s,o;n=e(this.element);this.data=e.data(this);s=t.originalEvent.touches[0];r=this.data.vendorPrefix;i=e(".slidesjs-control",n);o=r+"Transform";e.data(this,"scrolling",Math.abs(s.pageX-this.data.touchstartx)<Math.abs(s.pageY-this.data.touchstarty));if(!this.data.animating&&!this.data.scrolling){t.preventDefault();this._setuptouch();i[0].style[o]="translateX("+(s.pageX-this.data.touchstartx)+"px)"}return t.stopPropagation()};r.prototype.play=function(t){var n,r,i,s=this;n=e(this.element);this.data=e.data(this);if(!this.data.playInterval){if(t){r=this.data.current;this.data.direction="next";this.options.play.effect==="fade"?this._fade():this._slide()}e.data(this,"playInterval",setInterval(function(){r=s.data.current;s.data.direction="next";return s.options.play.effect==="fade"?s._fade():s._slide()},this.options.play.interval));i=e(".slidesjs-container",n);if(this.options.play.pauseOnHover){i.unbind();i.bind("mouseenter",function(){return s.stop()});i.bind("mouseleave",function(){return s.options.play.restartDelay?e.data(s,"restartDelay",setTimeout(function(){return s.play(!0)},s.options.play.restartDelay)):s.play()})}e.data(this,"playing",!0);e(".slidesjs-play",n).addClass("slidesjs-playing");if(this.options.play.swap){e(".slidesjs-play",n).hide();return e(".slidesjs-stop",n).show()}}};r.prototype.stop=function(t){var n;n=e(this.element);this.data=e.data(this);clearInterval(this.data.playInterval);this.options.play.pauseOnHover&&t&&e(".slidesjs-container",n).unbind();e.data(this,"playInterval",null);e.data(this,"playing",!1);e(".slidesjs-play",n).removeClass("slidesjs-playing");if(this.options.play.swap){e(".slidesjs-stop",n).hide();return e(".slidesjs-play",n).show()}};r.prototype._slide=function(t){var n,r,i,s,o,u,a,f,l,c,h=this;n=e(this.element);this.data=e.data(this);if(!this.data.animating&&t!==this.data.current+1){e.data(this,"animating",!0);r=this.data.current;if(t>-1){t-=1;c=t>r?1:-1;i=t>r?-this.options.width:this.options.width;o=t}else{c=this.data.direction==="next"?1:-1;i=this.data.direction==="next"?-this.options.width:this.options.width;o=r+c}o===-1&&(o=this.data.total-1);o===this.data.total&&(o=0);this._setActive(o);a=e(".slidesjs-control",n);t>-1&&a.children(":not(:eq("+r+"))").css({display:"none",left:0,zIndex:0});a.children(":eq("+o+")").css({display:"block",left:c*this.options.width,zIndex:10});this.options.callback.start(r+1);if(this.data.vendorPrefix){u=this.data.vendorPrefix;l=u+"Transform";s=u+"TransitionDuration";f=u+"TransitionTimingFunction";a[0].style[l]="translateX("+i+"px)";a[0].style[s]=this.options.effect.slide.speed+"ms";return a.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){a[0].style[l]="";a[0].style[s]="";a.children(":eq("+o+")").css({left:0});a.children(":eq("+r+")").css({display:"none",left:0,zIndex:0});e.data(h,"current",o);e.data(h,"animating",!1);a.unbind("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd");a.children(":not(:eq("+o+"))").css({display:"none",left:0,zIndex:0});h.data.touch&&h._setuptouch();return h.options.callback.complete(o+1)})}return a.stop().animate({left:i},this.options.effect.slide.speed,function(){a.css({left:0});a.children(":eq("+o+")").css({left:0});return a.children(":eq("+r+")").css({display:"none",left:0,zIndex:0},e.data(h,"current",o),e.data(h,"animating",!1),h.options.callback.complete(o+1))})}};r.prototype._fade=function(t){var n,r,i,s,o,u=this;n=e(this.element);this.data=e.data(this);if(!this.data.animating&&t!==this.data.current+1){e.data(this,"animating",!0);r=this.data.current;if(t){t-=1;o=t>r?1:-1;i=t}else{o=this.data.direction==="next"?1:-1;i=r+o}i===-1&&(i=this.data.total-1);i===this.data.total&&(i=0);this._setActive(i);s=e(".slidesjs-control",n);s.children(":eq("+i+")").css({display:"none",left:0,zIndex:10});this.options.callback.start(r+1);if(this.options.effect.fade.crossfade){s.children(":eq("+this.data.current+")").stop().fadeOut(this.options.effect.fade.speed);return s.children(":eq("+i+")").stop().fadeIn(this.options.effect.fade.speed,function(){s.children(":eq("+i+")").css({zIndex:0});e.data(u,"animating",!1);e.data(u,"current",i);return u.options.callback.complete(i+1)})}return s.children(":eq("+r+")").stop().fadeOut(this.options.effect.fade.speed,function(){s.children(":eq("+i+")").stop().fadeIn(u.options.effect.fade.speed,function(){return s.children(":eq("+i+")").css({zIndex:10})});e.data(u,"animating",!1);e.data(u,"current",i);return u.options.callback.complete(i+1)})}};r.prototype._getVendorPrefix=function(){var e,t,r,i,s;e=n.body||n.documentElement;r=e.style;i="transition";s=["Moz","Webkit","Khtml","O","ms"];i=i.charAt(0).toUpperCase()+i.substr(1);t=0;while(t<s.length){if(typeof r[s[t]+i]=="string")return s[t];t++}return!1};return e.fn[s]=function(t){return this.each(function(){if(!e.data(this,"plugin_"+s))return e.data(this,"plugin_"+s,new r(this,t))})}})(jQuery,window,document)}).call(this);
-->
</script>
<link rel="stylesheet" type="text/css" href="includes/templates/responsive_template_default/css/responsive.css" /><link rel="stylesheet" type="text/css" href="includes/templates/responsive_template_default/css/responsive_default.css" />
</head>
-
Re: Winchester Responsive
Quote:
Originally Posted by
rbarbour
Crystal,
Will you do the same, check the browsers "view page source" to see what responsive css file is being called.
For some reason I don't think the mobile detect code is functioning and I can't reproduce, but I am getting the same results as you and Rick on the DEMO using the FF UA Switcher.
As Rick has indicated.. checking the page source from the mobile browsers isn't easy.. I have an HTML source viewer app on my phone and tablet (Both Android devices), but I am not confident that it is reporting results from the mobile browsers POV.. Let me finish getting ready for work, and I'll post the results from my smartphone when I get to work..
-
Re: Winchester Responsive
On another note, this template came RIGHT ON TIME for a project that dropped into my lap last week.. I'll be replacing the very popular ########## Responsive template on with this template for a client..
Too many things about the ########## template that the client doesn't like, and many more that I DESPISE!!! Told the client that I could have the conversion done in a few days.. Showed him this template and walked him through my conversion plan.. Client wasn't convinced that this was "doable", but trusted my judgement.. He just saw my first draft of the conversion using this template as the foundation, and now he is a believer!! :laugh:
Thanks to Anne and Raymond.. Ya'll rock..
-
Re: Winchester Responsive
FWIW: 7" Generic Android tablet (not a phone device) Chrome browser.
Quote:
This is a phone. Your UA is Mozilla/5.0 (Linux; Android 4.2.2; DX752 Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.114 Mobile Safari/537.36
Same code as the 8" detected as tablet.
Quote:
Originally Posted by
RixStix
HTML Code:
<base href="http://www.zenlyzen.com/responsive-zen-cart-templates/" />
<link rel="canonical" href="http://www.zenlyzen.com/responsive-zen-cart-templates/" />
<link rel="stylesheet" type="text/css" href="includes/templates/responsive_template_default/css/stylesheet.css" />
<script type="text/javascript">
<!--
/*
SlidesJS 3.0.4 http://slidesjs.com
(c) 2013 by Nathan Searles http://nathansearles.com
Updated: June 26th, 2013
Apache License: http://www.apache.org/licenses/LICENSE-2.0
*/
(function(){(function(e,t,n){var r,i,s;s="slidesjs";i={width:940,height:528,start:1,navigation:{active:!0,effect:"slide"},pagination:{active:!0,effect:"slide"},play:{active:!1,effect:"slide",interval:5e3,auto:!1,swap:!0,pauseOnHover:!1,restartDelay:2500},effect:{slide:{speed:500},fade:{speed:300,crossfade:!0}},callback:{loaded:function(){},start:function(){},complete:function(){}}};r=function(){function t(t,n){this.element=t;this.options=e.extend(!0,{},i,n);this._defaults=i;this._name=s;this.init()}return t}();r.prototype.init=function(){var n,r,i,s,o,u,a=this;n=e(this.element);this.data=e.data(this);e.data(this,"animating",!1);e.data(this,"total",n.children().not(".slidesjs-navigation",n).length);e.data(this,"current",this.options.start-1);e.data(this,"vendorPrefix",this._getVendorPrefix());if(typeof TouchEvent!="undefined"){e.data(this,"touch",!0);this.options.effect.slide.speed=this.options.effect.slide.speed/2}n.css({overflow:"hidden"});n.slidesContainer=n.children().not(".slidesjs-navigation",n).wrapAll("<div class='slidesjs-container'>",n).parent().css({overflow:"hidden",position:"relative"});e(".slidesjs-container",n).wrapInner("<div class='slidesjs-control'>",n).children();e(".slidesjs-control",n).css({position:"relative",left:0});e(".slidesjs-control",n).children().addClass("slidesjs-slide").css({position:"absolute",top:0,left:0,width:"100%",zIndex:0,display:"none",webkitBackfaceVisibility:"hidden"});e.each(e(".slidesjs-control",n).children(),function(t){var n;n=e(this);return n.attr("slidesjs-index",t)});if(this.data.touch){e(".slidesjs-control",n).on("touchstart",function(e){return a._touchstart(e)});e(".slidesjs-control",n).on("touchmove",function(e){return a._touchmove(e)});e(".slidesjs-control",n).on("touchend",function(e){return a._touchend(e)})}n.fadeIn(0);this.update();this.data.touch&&this._setuptouch();e(".slidesjs-control",n).children(":eq("+this.data.current+")").eq(0).fadeIn(0,function(){return e(this).css({zIndex:10})});if(this.options.navigation.active){o=e("<a>",{"class":"slidesjs-previous slidesjs-navigation",href:"#",title:"Previous",text:"Previous"}).appendTo(n);r=e("<a>",{"class":"slidesjs-next slidesjs-navigation",href:"#",title:"Next",text:"Next"}).appendTo(n)}e(".slidesjs-next",n).click(function(e){e.preventDefault();a.stop(!0);return a.next(a.options.navigation.effect)});e(".slidesjs-previous",n).click(function(e){e.preventDefault();a.stop(!0);return a.previous(a.options.navigation.effect)});if(this.options.play.active){s=e("<a>",{"class":"slidesjs-play slidesjs-navigation",href:"#",title:"Play",text:"Play"}).appendTo(n);u=e("<a>",{"class":"slidesjs-stop slidesjs-navigation",href:"#",title:"Stop",text:"Stop"}).appendTo(n);s.click(function(e){e.preventDefault();return a.play(!0)});u.click(function(e){e.preventDefault();return a.stop(!0)});this.options.play.swap&&u.css({display:"none"})}if(this.options.pagination.active){i=e("<ul>",{"class":"slidesjs-pagination"}).appendTo(n);e.each(new Array(this.data.total),function(t){var n,r;n=e("<li>",{"class":"slidesjs-pagination-item"}).appendTo(i);r=e("<a>",{href:"#","data-slidesjs-item":t,html:t+1}).appendTo(n);return r.click(function(t){t.preventDefault();a.stop(!0);return a.goto(e(t.currentTarget).attr("data-slidesjs-item")*1+1)})})}e(t).bind("resize",function(){return a.update()});this._setActive();this.options.play.auto&&this.play();return this.options.callback.loaded(this.options.start)};r.prototype._setActive=function(t){var n,r;n=e(this.element);this.data=e.data(this);r=t>-1?t:this.data.current;e(".active",n).removeClass("active");return e(".slidesjs-pagination li:eq("+r+") a",n).addClass("active")};r.prototype.update=function(){var t,n,r;t=e(this.element);this.data=e.data(this);e(".slidesjs-control",t).children(":not(:eq("+this.data.current+"))").css({display:"none",left:0,zIndex:0});r=t.width();n=this.options.height/this.options.width*r;this.options.width=r;this.options.height=n;return e(".slidesjs-control, .slidesjs-container",t).css({width:r,height:n})};r.prototype.next=function(t){var n;n=e(this.element);this.data=e.data(this);e.data(this,"direction","next");t===void 0&&(t=this.options.navigation.effect);return t==="fade"?this._fade():this._slide()};r.prototype.previous=function(t){var n;n=e(this.element);this.data=e.data(this);e.data(this,"direction","previous");t===void 0&&(t=this.options.navigation.effect);return t==="fade"?this._fade():this._slide()};r.prototype.goto=function(t){var n,r;n=e(this.element);this.data=e.data(this);r===void 0&&(r=this.options.pagination.effect);t>this.data.total?t=this.data.total:t<1&&(t=1);if(typeof t=="number")return r==="fade"?this._fade(t):this._slide(t);if(typeof t=="string"){if(t==="first")return r==="fade"?this._fade(0):this._slide(0);if(t==="last")return r==="fade"?this._fade(this.data.total):this._slide(this.data.total)}};r.prototype._setuptouch=function(){var t,n,r,i;t=e(this.element);this.data=e.data(this);i=e(".slidesjs-control",t);n=this.data.current+1;r=this.data.current-1;r<0&&(r=this.data.total-1);n>this.data.total-1&&(n=0);i.children(":eq("+n+")").css({display:"block",left:this.options.width});return i.children(":eq("+r+")").css({display:"block",left:-this.options.width})};r.prototype._touchstart=function(t){var n,r;n=e(this.element);this.data=e.data(this);r=t.originalEvent.touches[0];this._setuptouch();e.data(this,"touchtimer",Number(new Date));e.data(this,"touchstartx",r.pageX);e.data(this,"touchstarty",r.pageY);return t.stopPropagation()};r.prototype._touchend=function(t){var n,r,i,s,o,u,a,f=this;n=e(this.element);this.data=e.data(this);u=t.originalEvent.touches[0];s=e(".slidesjs-control",n);if(s.position().left>this.options.width*.5||s.position().left>this.options.width*.1&&Number(new Date)-this.data.touchtimer<250){e.data(this,"direction","previous");this._slide()}else if(s.position().left<-(this.options.width*.5)||s.position().left<-(this.options.width*.1)&&Number(new Date)-this.data.touchtimer<250){e.data(this,"direction","next");this._slide()}else{i=this.data.vendorPrefix;a=i+"Transform";r=i+"TransitionDuration";o=i+"TransitionTimingFunction";s[0].style[a]="translateX(0px)";s[0].style[r]=this.options.effect.slide.speed*.85+"ms"}s.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){i=f.data.vendorPrefix;a=i+"Transform";r=i+"TransitionDuration";o=i+"TransitionTimingFunction";s[0].style[a]="";s[0].style[r]="";return s[0].style[o]=""});return t.stopPropagation()};r.prototype._touchmove=function(t){var n,r,i,s,o;n=e(this.element);this.data=e.data(this);s=t.originalEvent.touches[0];r=this.data.vendorPrefix;i=e(".slidesjs-control",n);o=r+"Transform";e.data(this,"scrolling",Math.abs(s.pageX-this.data.touchstartx)<Math.abs(s.pageY-this.data.touchstarty));if(!this.data.animating&&!this.data.scrolling){t.preventDefault();this._setuptouch();i[0].style[o]="translateX("+(s.pageX-this.data.touchstartx)+"px)"}return t.stopPropagation()};r.prototype.play=function(t){var n,r,i,s=this;n=e(this.element);this.data=e.data(this);if(!this.data.playInterval){if(t){r=this.data.current;this.data.direction="next";this.options.play.effect==="fade"?this._fade():this._slide()}e.data(this,"playInterval",setInterval(function(){r=s.data.current;s.data.direction="next";return s.options.play.effect==="fade"?s._fade():s._slide()},this.options.play.interval));i=e(".slidesjs-container",n);if(this.options.play.pauseOnHover){i.unbind();i.bind("mouseenter",function(){return s.stop()});i.bind("mouseleave",function(){return s.options.play.restartDelay?e.data(s,"restartDelay",setTimeout(function(){return s.play(!0)},s.options.play.restartDelay)):s.play()})}e.data(this,"playing",!0);e(".slidesjs-play",n).addClass("slidesjs-playing");if(this.options.play.swap){e(".slidesjs-play",n).hide();return e(".slidesjs-stop",n).show()}}};r.prototype.stop=function(t){var n;n=e(this.element);this.data=e.data(this);clearInterval(this.data.playInterval);this.options.play.pauseOnHover&&t&&e(".slidesjs-container",n).unbind();e.data(this,"playInterval",null);e.data(this,"playing",!1);e(".slidesjs-play",n).removeClass("slidesjs-playing");if(this.options.play.swap){e(".slidesjs-stop",n).hide();return e(".slidesjs-play",n).show()}};r.prototype._slide=function(t){var n,r,i,s,o,u,a,f,l,c,h=this;n=e(this.element);this.data=e.data(this);if(!this.data.animating&&t!==this.data.current+1){e.data(this,"animating",!0);r=this.data.current;if(t>-1){t-=1;c=t>r?1:-1;i=t>r?-this.options.width:this.options.width;o=t}else{c=this.data.direction==="next"?1:-1;i=this.data.direction==="next"?-this.options.width:this.options.width;o=r+c}o===-1&&(o=this.data.total-1);o===this.data.total&&(o=0);this._setActive(o);a=e(".slidesjs-control",n);t>-1&&a.children(":not(:eq("+r+"))").css({display:"none",left:0,zIndex:0});a.children(":eq("+o+")").css({display:"block",left:c*this.options.width,zIndex:10});this.options.callback.start(r+1);if(this.data.vendorPrefix){u=this.data.vendorPrefix;l=u+"Transform";s=u+"TransitionDuration";f=u+"TransitionTimingFunction";a[0].style[l]="translateX("+i+"px)";a[0].style[s]=this.options.effect.slide.speed+"ms";return a.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){a[0].style[l]="";a[0].style[s]="";a.children(":eq("+o+")").css({left:0});a.children(":eq("+r+")").css({display:"none",left:0,zIndex:0});e.data(h,"current",o);e.data(h,"animating",!1);a.unbind("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd");a.children(":not(:eq("+o+"))").css({display:"none",left:0,zIndex:0});h.data.touch&&h._setuptouch();return h.options.callback.complete(o+1)})}return a.stop().animate({left:i},this.options.effect.slide.speed,function(){a.css({left:0});a.children(":eq("+o+")").css({left:0});return a.children(":eq("+r+")").css({display:"none",left:0,zIndex:0},e.data(h,"current",o),e.data(h,"animating",!1),h.options.callback.complete(o+1))})}};r.prototype._fade=function(t){var n,r,i,s,o,u=this;n=e(this.element);this.data=e.data(this);if(!this.data.animating&&t!==this.data.current+1){e.data(this,"animating",!0);r=this.data.current;if(t){t-=1;o=t>r?1:-1;i=t}else{o=this.data.direction==="next"?1:-1;i=r+o}i===-1&&(i=this.data.total-1);i===this.data.total&&(i=0);this._setActive(i);s=e(".slidesjs-control",n);s.children(":eq("+i+")").css({display:"none",left:0,zIndex:10});this.options.callback.start(r+1);if(this.options.effect.fade.crossfade){s.children(":eq("+this.data.current+")").stop().fadeOut(this.options.effect.fade.speed);return s.children(":eq("+i+")").stop().fadeIn(this.options.effect.fade.speed,function(){s.children(":eq("+i+")").css({zIndex:0});e.data(u,"animating",!1);e.data(u,"current",i);return u.options.callback.complete(i+1)})}return s.children(":eq("+r+")").stop().fadeOut(this.options.effect.fade.speed,function(){s.children(":eq("+i+")").stop().fadeIn(u.options.effect.fade.speed,function(){return s.children(":eq("+i+")").css({zIndex:10})});e.data(u,"animating",!1);e.data(u,"current",i);return u.options.callback.complete(i+1)})}};r.prototype._getVendorPrefix=function(){var e,t,r,i,s;e=n.body||n.documentElement;r=e.style;i="transition";s=["Moz","Webkit","Khtml","O","ms"];i=i.charAt(0).toUpperCase()+i.substr(1);t=0;while(t<s.length){if(typeof r[s[t]+i]=="string")return s[t];t++}return!1};return e.fn[s]=function(t){return this.each(function(){if(!e.data(this,"plugin_"+s))return e.data(this,"plugin_"+s,new r(this,t))})}})(jQuery,window,document)}).call(this);
-->
</script>
<link rel="stylesheet" type="text/css" href="includes/templates/responsive_template_default/css/responsive.css" /><link rel="stylesheet" type="text/css" href="includes/templates/responsive_template_default/css/responsive_default.css" />
</head>
-
Re: Winchester Responsive
FireFox and Chrome on Android devices.... prefix the URL with
view-source:http://www.yourwebsite.co
Unless you ask, I am not testing using Windows tablets.
I forgot. I do have an Android phone to throw into the mix if interested. Motorola Razr-M
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
On another note, this template came RIGHT ON TIME for a project that dropped into my lap last week.. I'll be replacing the very popular ########## Responsive template on with this template for a client..
Too many things about the ########## template that the client doesn't like, and many more that I DESPISE!!! Told the client that I could have the conversion done in a few days.. Showed him this template and walked him through my conversion plan.. Client wasn't convinced that this was "doable", but trusted my judgement.. He just saw my first draft of the conversion using this template as the foundation, and now he is a believer!! :laugh:
Thanks to Anne and Raymond.. Ya'll rock..
I guess the admins have obliterated any mention of the template who shall not be named.. :laugh: I wish they would add a similar filter for Template Monstrosity too.. :laugh:
-
Re: Winchester Responsive
Quote:
Originally Posted by
RixStix
FireFox and Chrome on Android devices.... prefix the URL with
view-source:http://www.yourwebsite.co
Unless you ask, I am not testing using Windows tablets.
I forgot. I do have an Android phone to throw into the mix if interested. Motorola Razr-M
Thanks.. this helps.. I don't trust the view source apps.. I'm pretty sure they are not reporting the mobile browser POV..
-
Re: Winchester Responsive
The default responsive css..
Here's the scroller code being called.. Note it's using the non-mobile code.;
Code:
<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,
prev : {
button : "#foo1_prev",
},
next : {
button : "#foo1_next",
}
});
});
Quote:
Originally Posted by
rbarbour
Crystal,
Will you do the same, check the browsers "view page source" to see what responsive css file is being called.
For some reason I don't think the mobile detect code is functioning and I can't reproduce, but I am getting the same results as you and Rick on the DEMO using the FF UA Switcher.
-
Re: Winchester Responsive
Quote:
Originally Posted by
DivaVocals
The default responsive css..
Here's the scroller code being called.. Note it's using the non-mobile code.;
Code:
<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,
prev : {
button : "#foo1_prev",
},
next : {
button : "#foo1_next",
}
});
});
Figured as much, Anne and I are working on it! Something is preventing the mobile-detect-code from firing, just a matter of hunting down what. Anne will post the corrective action as soon as we do and all should be good!
