It worked! Thank you so much for your quick response and specially for this super clean user friendly template.:yes:Quote:
Originally Posted by picaflor-azul
Printable View
It worked! Thank you so much for your quick response and specially for this super clean user friendly template.:yes:Quote:
Originally Posted by picaflor-azul
No problem, I am happy that you fixed it ;)Quote:
Originally Posted by creyesx6
Thanks,
Anne
Trying to enable the 'switch' between tablet/mobile/desktop - 'ZCA Template Switch' on this template.
The way I understand it is that this template is based on the Responsive DIY Template Default for 1.5.x v2.1 template which has the switch included in its files but was not used in Westminster New. Is the correct install method to
Run the upgrade sql which adds the ZCA Template Switch to admin/configuration.
Compare all the Responsive DIY Template Default for 1.5.x v2.1 files with the Westminster New files to identify which files and bits of the v2.1 code were not included in this template.
It wasn't as simple as running the upgrade sql and adding this code to the tpl_header.php
hence my thought to compare all the v2.1 files with this template.Code:/**
******************************* BOF 2.1b **********************************
*/
if ($detect->isMobile() && !$detect->isTablet() && (empty($_SESSION['display_mode'])) or $detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $_SESSION['display_mode']=='isMobile') { ?>
<?php if (SHOW_GOTO_DESKTOP_FROM_MOBILE == 'true') { ?>
<li><a href="<?php echo zen_href_link($current_page_base, zen_get_all_get_params(array('display_mode')) . 'display_mode=isDesktop') . '">' . ZCA_DESKTOP_LINK_TEXT . '</a></li>'; ?><?php } ?>
continues.....
I'm pretty sure this is the route to take but wanted to make sure I wasn't missing anything.
Quote:
Originally Posted by simon1066
Yes, this was it turns out, the way to go. ZCA Template Switch successfully installed
Thank you for a fabulous template Anne!
I want to customise the main menu and I would be grateful if someone would help me.
There is currently CATEGORIES, INFORMATION & CONTACT US in the main menu.
I would like the main menu to display:
CATEGORY A, CATEGORY B, CATEGORY C, CATEGORY D, INFORMATION & CONTACT US
I've been through the thread and know that I have to make changes to tpl_modules_mobile_categories_tabs.php. I'm clueless at php. I've found the section to be changed (I think I'd need to put in submenu and level2 somewhere) but don't know how to change it.
The section to change is from line 20Thank you very much in advance!Code:<li class="test"><a href="<?php HTTP_SERVER . DIR_WS_CATALOG;?>" class="mshop"><?php echo HEADER_TITLE_CATEGORIES; ?></a>
<?php
// load the UL-generator class and produce the menu list dynamically from there
require_once (DIR_WS_CLASSES . 'categories_ul_generator.php');
$zen_CategoriesUL = new zen_categories_ul_generator;
$menulist = $zen_CategoriesUL->buildTree(true);
$menulist = str_replace('"level4"','"level5"',$menulist);
$menulist = str_replace('"level3"','"level4"',$menulist);
$menulist = str_replace('"level2"','"level3"',$menulist);
$menulist = str_replace('"level1"','"level2"',$menulist);
$menulist = str_replace('<li>','<li>',$menulist);
$menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);
echo $menulist;
?>
</li>
This will take some custom programming. If you look at an older menu module by getemfast, I think that it is horizontal css drop down menu, he provides an alternate categories_ul_generator.php file that shows the top categories. You could use it as a guide.Quote:
Originally Posted by nipinuk
Thanks,
Anne
Anne, Thank you so much for pointing me in the right direction Anne. I can't believe it but I've actually done it (grinning like a Cheshire cat)!Quote:
Originally Posted by picaflor-azul
Here's what I did:
1. Download CSS Horizontal Dropdown Menu With jquery module by getemfast.
2. You will need to compare the following files
a. CSS Horizontal Dropdown Menu With jquery/includes/classes/categories_ul_generator.php.txt and /includes/classes/categories_ul_generator.php. Copy the relevant section from getemfast's module to /includes/classes/categories_ul_generator.php.
b. CSS Horizontal Dropdown Menu With jquery/includes/templates/CUSTOM/common/alternative_tpl_drop_menu.php and includes/templates/westminster_new/templates/tpl_modules_mobile_categories_tabs.php.
I've got to run and be mom now. Thank you again Anne. Really appreciate it!
I am happy that you figured it out and posted your solution ;)Quote:
Originally Posted by nipinuk
Thanks,
Anne
Can someone tell me how to change the color of the blue buttons and the blue social networking icons?
for the header nav
/stylesheet.css
/* Line 78 */
#navMain i
{
margin-right: 10px;
color: #8db9fb;
font-size: 120%;
vertical-align: middle;
}
/* Line 79 */
#navMain i:hover
{
color: #ffffff;
}
for the footer social icons
/stylesheet.css
/* Line 392 */
.ffCcol4 i
{
font-size: 200%;
border-top-width: 1px;
border-right-width-value: 1px;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-top-style: solid;
border-right-style-value: solid;
border-bottom-style: solid;
border-left-style-value: solid;
border-top-color: #8db9fb;
border-right-color-value: #8db9fb;
border-bottom-color: #8db9fb;
border-left-color-value: #8db9fb;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #8db9fc;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
color: #ffffff;
transition-property: background;
transition-duration: 2s;
transition-timing-function: ease;
transition-delay: 0s;
min-width: 30px;
}
/* Line 393 */
.ffCcol4 i:hover
{
background-color: #171717;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
color: #ffffff;
}
Hope that helps!
Quote:
Originally Posted by reciecup