Westminster New

picaflor-azul:

I just found a few mistakes in the installer file. Try fixing these to see if it fixes the problem. In YOUR_ADMIN/includes/installers/westminster_new/1.0.php change line 237 to:

('Home Page Slideshow', 'WES_SLIDER_STATUS', 'true', 'Activate Home Page Slideshow', " . $configuration_group_id . ", 1, NOW(), NOW(), NULL, 'zen_cfg_select_option(array('true', 'false'),'),

> 
> and line 243 to:
> 
> ```
 ('EZ Pages in Header Menu', 'SHOW_EZ_PAGES_MENU', 'true', 'Shows the menu option for EZ pages/important links in the header menu', " . $configuration_group_id . ", 3, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(\'true\', \'false\'),');");

Thanks,

Anne

That fixed the error as per post #24! Thanks Anne.

frank18:

That fixed the error as per post #24! Thanks Anne.

That's great news ;)

I'll include the fix in an upcoming package update.

Thanks,

Anne

picaflor-azul:

You can add more in includes/languages/english/html_includes/westminster_new/define_main_page.php. If you want them to be editable via the banner manager you will have to create new banner groups.

Thanks,

Anne

I must be missing a step. I added a banner via banner manager with group name homead4 then added the code below to define_main_page.php but nothing happened.

<div class="view view-tenth ad-right">
<div class="hover">
 <?php
if (SHOW_BANNERS_GROUP_SETHOMEAD4 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SETHOMEAD4)) 
    {
    if ($banner->RecordCount() > 0) 
        {
           echo zen_display_banner('static', $banner) . '</div><div class="mask"><h2>' . $banner->fields['banners_title'] . '</h2><a href="' . zen_href_link(FILENAME_REDIRECT, 'action=banner&goto=' . $banner->fields['banners_id']) . '" class="info">' . SHOP_NOW . '</a>';
        }
    }?> 
                    </div>
                </div>]

If I add the below code it duplicates the homead3 banner so I think I may not be adding the banner group correctly.

<div class="view view-tenth ad-right">
<div class="hover">
 <?php
if (SHOW_BANNERS_GROUP_SETHOMEAD3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SETHOMEAD3)) 
    {
    if ($banner->RecordCount() > 0) 
        {
           echo zen_display_banner('static', $banner) . '</div><div class="mask"><h2>' . $banner->fields['banners_title'] . '</h2><a href="' . zen_href_link(FILENAME_REDIRECT, 'action=banner&goto=' . $banner->fields['banners_id']) . '" class="info">' . SHOP_NOW . '</a>';
        }
    }?> 
                    </div>
                </div>

jakumpe:

I must be missing a step. I added a banner via banner manager with group name homead4 then added the code below to define_main_page.php but nothing happened.

<div class="view view-tenth ad-right"> <div class="hover"> <?php if (SHOW_BANNERS_GROUP_SETHOMEAD4 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SETHOMEAD4)) { if ($banner->RecordCount() > 0) { echo zen_display_banner('static', $banner) . '</div><div class="mask"><h2>' . $banner->fields['banners_title'] . '</h2><a href="' . zen_href_link(FILENAME_REDIRECT, 'action=banner&goto=' . $banner->fields['banners_id']) . '" class="info">' . SHOP_NOW . '</a>'; } }?> </div> </div>] ``` > > If I add the below code it duplicates the homead3 banner so I think I may not be adding the banner group correctly. > > ``` <div class="view view-tenth ad-right"> <div class="hover"> <?php if (SHOW_BANNERS_GROUP_SETHOMEAD3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SETHOMEAD3)) { if ($banner->RecordCount() > 0) { echo zen_display_banner('static', $banner) . '</div><div class="mask"><h2>' . $banner->fields['banners_title'] . '</h2><a href="' . zen_href_link(FILENAME_REDIRECT, 'action=banner&goto=' . $banner->fields['banners_id']) . '" class="info">' . SHOP_NOW . '</a>'; } }?> </div> </div> ```

You will need to add the new constant into the database configuration table. If you find the row for any of the other banner groups used in the template you can just duplicate it and add your changes.

Thanks,

Anne

Hi Anne,

There appears to be a problem with the caption of the flexslider when the screen is extended to a width higher than 1038px. As soon as I extend the screen further than 1038px the caption and the underlying transparent bar goes offline with the images, iow the bar is shifting to the left leaving a small space between the right hand border of the images and extending over the left hand side of the images into the white space.

In the stylesheet_flex.css this code appears to be the culprit:

@media screen and [B](max-width: 1238px)[/B] {   /*was 1038*/
.banner {left: 0;right: 15px;margin-left: 0;}
.banner p {font-size: 22px;text-indent: 15px}
.flexslider .slides img {min-height: 0}
}

In the above I extended max-width from 1038px to 1238px, just to prove a point. Now, the bar goes off center and shifts to the left when the screen is extended over 1238px.

Is there any reason why this max-width can't be increased to say 1600px, just to accommodate wider displays? Or even better - set max-width to 'unlimited' as some displays work on a width of 1900.

Alternatively limit the body of the site to 1900 or whatever??

It happens in both Chrome and Firefox (latest versions on a Linux Mint box)

Cheers / Frank

frank18:

Hi Anne,

There appears to be a problem with the caption of the flexslider when the screen is extended to a width higher than 1038px. As soon as I extend the screen further than 1038px the caption and the underlying transparent bar goes offline with the images, iow the bar is shifting to the left leaving a small space between the right hand border of the images and extending over the left hand side of the images into the white space.

In the stylesheet_flex.css this code appears to be the culprit:

@media screen and [B](max-width: 1238px)[/B] { /was 1038/
.banner {left: 0;right: 15px;margin-left: 0;}
.banner p {font-size: 22px;text-indent: 15px}
.flexslider .slides img {min-height: 0}
}

> 
> In the above I extended max-width from 1038px to 1238px, just to prove a point. Now, the bar goes off center and shifts to the left when the screen is extended over 1238px.
> 
> Is there any reason why this max-width can't be increased to say 1600px, just to accommodate wider displays? Or even better - set max-width to 'unlimited' as some displays work on a width of 1900.
> 
> Alternatively limit the body of the site to 1900 or whatever??
> 
> It happens in both Chrome and Firefox (latest versions on a Linux Mint box)
> 
> Cheers / Frank


I am sorry, but I am confused ;)  The width of the main container is 1230px on the desktop.  The slider is a fixed percentage width inside of this container.  Are you trying to make the template a full width?  

Thanks,

Anne

In which file can I adjust the footer text that includes "Powered by..."? It has been some time since I updated to a new template, forget where this content is located!

Also, how can I remove the side slide-outs? They seem to freeze on an Android phone.

Thanks!!

picaflor-azul:

I am sorry, but I am confused ;) The width of the main container is 1230px on the desktop. The slider is a fixed percentage width inside of this container. Are you trying to make the template a full width?

Thanks,

Anne

I think what frank18 is referring to is the position of the sliders' black semi-transparent bar, which seems to move out of position between width 1038px and 1230px, as is hopefully shown in the before, during and after images, below

simon1066:

I think what frank18 is referring to is the position of the sliders' black semi-transparent bar, which seems to move out of position between width 1038px and 1230px, as is hopefully shown in the before, during and after images, below

Pretty much like that but not so drastic. Even after the next image has loaded the semi-transparent bar still remains off center (moved to the left).

I am just puzzled why the semi-transparent bar shifts to the left in both of my browsers (Chrome and FF) when the width of the browser window is extended above the set max-width in the stylesheet_flex.css

This off-center move does not seem to appear on Anne's demo site.

I should add that I have not made any changes to any of the stylesheets other than color changes.

The width of the main container still is unchanged at 1230px on the desktop.

As it stands I will leave the max-width in the stylesheet_flex.css at 1238px and see how the site displays when I finally upload it to a live server.

Thanks / Frank

frank18:

Pretty much like that but not so drastic. Even after the next image has loaded the semi-transparent bar still remains off center (moved to the left).

I am just puzzled why the semi-transparent bar shifts to the left in both of my browsers (Chrome and FF) when the width of the browser window is extended above the set max-width in the stylesheet_flex.css

This off-center move does not seem to appear on Anne's demo site.

I should add that I have not made any changes to any of the stylesheets other than color changes.

The width of the main container still is unchanged at 1230px on the desktop.

As it stands I will leave the max-width in the stylesheet_flex.css at 1238px and see how the site displays when I finally upload it to a live server.

Thanks / Frank

Ok, I think that I understand now. You are viewing the desktop view and just making your browser window smaller to 1038 - 1234 pixels wide. As far as I know, this width is not really used on any real device. Laptops typically are 1024 pixels wide. If you want to isolate for this width you will need to add a media query for it either to the responsive_default.css file or the stylesheet_flex.css and adjust the positioning of the caption bar.

Thanks,

Anne

DesDev5:

In which file can I adjust the footer text that includes "Powered by..."? It has been some time since I updated to a new template, forget where this content is located!

Also, how can I remove the side slide-outs? They seem to freeze on an Android phone.

Thanks!!

Whenever you want to find which file to edit you can use the developers toolkit to search. See the FAQs section for a tutorial.

You can remove the slide out code in includes/templates/westminster_new/common/tpl_main_page.php at the bottom.

Thanks,

Anne

picaflor-azul:

Ok, I think that I understand now. You are viewing the desktop view and just making your browser window smaller to 1038 - 1234 pixels wide. As far as I know, this width is not really used on any real device. Laptops typically are 1024 pixels wide. If you want to isolate for this width you will need to add a media query for it either to the responsive_default.css file or the stylesheet_flex.css and adjust the positioning of the caption bar.

Thanks,

Anne

Thanks, I too understand, why it's doing what it is. I'll probably make the stylesheet edits, to allow for when the window is resized in desktop view, if I do it others may also.

picaflor-azul:

Ok, I think that I understand now. You are viewing the desktop view and just making your browser window smaller to 1038 - 1234 pixels wide. As far as I know, this width is not really used on any real device. Laptops typically are 1024 pixels wide. If you want to isolate for this width you will need to add a media query for it either to the responsive_default.css file or the stylesheet_flex.css and adjust the positioning of the caption bar.

Thanks,

Anne

Ok - to cater for large desktop screens, in the stylesheet_flex.css I added

@media screen and (max-width: 1920px) {   /*for large desktop screens eg 1920 x 1080*/
.banner {left: 0;right: 15px;margin-left: 0;}
.banner p {font-size: 22px;text-indent: 15px}
.flexslider .slides img {min-height: 0}
} 

just before

@media screen and (max-width: 1038px) {
.banner {left: 0;right: 15px;margin-left: 0;}
.banner p {font-size: 22px;text-indent: 15px}
.flexslider .slides img {min-height: 0}
}

and all displays fine when the browser window is extended to it's full width on my desktop screen. I rarely display my browser window this wide but at least the slider caption does not distort if someone decides to have such a wide browser window. Also shows up well on my TV with the same resolution.

Cheers / Frank

Hello,
I just had a client call in and point something out to me. When I uploaded this template, the all products listing doesn't work and my printable price list is no longer available. It is doing the same thing with my new products listing. I have attached an image of my problem, and if you want to see it on the website, it is https://www.allstatetent.com

I need to know how to remove those tabs, and also how to fix them

bleonnig:

Hello,
I just had a client call in and point something out to me. When I uploaded this template, the all products listing doesn't work and my printable price list is no longer available. It is doing the same thing with my new products listing. I have attached an image of my problem, and if you want to see it on the website, it is https://www.allstatetent.com

I need to know how to remove those tabs, and also how to fix them

Whenever you install a new template you need to copy any module files that are in override directories to the new template override or else there will be errors.

Thanks,

Anne

picaflor-azul:

I just submitted an update to this template package. Changes were:

...

05/27/2014------Added includes/templates/westminster_new/css/responsive.css div#mobile-nav1.hidenav1 {display:none;}

...

Thanks,

Anne

Unless I'm mistaken, this stylesheet line does not appear in the ver 1.1 distribution. Should I add it at the end of responsive.css? Perhaps it should go into responsive_mobile.css?

Thanks

Simon

Hi,

I installed this template on a upgraded 1.5.1 ZC.
Love this template.

However, there are 2 things that i am looking to modify /add.

1. 

I want to add more menu buttons like categories adjacent to the contact us so that it covers the whole screen to the extreme right. The search bar comes as the last as shown in red.

2. Want to remove the space between the top login menu bar and the categories menu bar again shown in red.

Please can you help.

Chetan

simon1066:

Unless I'm mistaken, this stylesheet line does not appear in the ver 1.1 distribution. Should I add it at the end of responsive.css? Perhaps it should go into responsive_mobile.css?

Thanks

Simon

This was a change in the Winchester Responsive package. I intended to add it to this package also, but must have missed it. It should be added to the bottom of the responsive.css file.

Thanks,

Anne

mr.chetanladdha:

Hi,

I installed this template on a upgraded 1.5.1 ZC.
Love this template.

However, there are 2 things that i am looking to modify /add.

1. 

I want to add more menu buttons like categories adjacent to the contact us so that it covers the whole screen to the extreme right. The search bar comes as the last as shown in red.

2. Want to remove the space between the top login menu bar and the categories menu bar again shown in red.

Please can you help.

Chetan

You can add to the menu by editing includes/templates/westminster_new/templates/tpl_modules_mobile_categories_tabs.php.

If you want to move the categories, information, contact us, etc to just below the top navigation bar you will edit the includes/templates/westminster_new/common/tpl_header.php file.

<!--bof handheld menu display-->
<?php require($template->get_template_dir('tpl_modules_mobile_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_mobile_categories_tabs.php'); ?>
<!--eof handheld menu display-->

You might also need to make some css adjustments.

Thanks,

Anne

picaflor-azul:

You can add to the menu by editing includes/templates/westminster_new/templates/tpl_modules_mobile_categories_tabs.php.

If you want to move the categories, information, contact us, etc to just below the top navigation bar you will edit the includes/templates/westminster_new/common/tpl_header.php file.

<!--bof handheld menu display--> <?php require($template->get_template_dir('tpl_modules_mobile_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_mobile_categories_tabs.php'); ?> <!--eof handheld menu display-->

> 
> You might also need to make some css adjustments.
> 
> 
> Thanks,
> 
> Anne



Thanks Anne. What are the changes i need to make to these files.
I broke it in testing. I want the new boxes i want to add to redirect to some main category page....