Dover Fine Responsive Template

[batracy]

Never mind on my earlier request.

I figured out the problem was within the supersize script and modified this script so it now allows passing another parameter in the slides array to indicate the banner setting for opening in a new window or not.

Overall, very pleased with this template! Thanks for the hard work that you do Anne.

[simon1066]

Never mind on my earlier request.

I figured out the problem was within the supersize script and modified this script so it now allows passing another parameter in the slides array to indicate the banner setting for opening in a new window or not.

Overall, very pleased with this template! Thanks for the hard work that you do Anne.

Hi, would you mind sharing how you did this. I'm about to start a new site with this template and this would be useful.

[batracy]

Hi, would you mind sharing how you did this. I'm about to start a new site with this template and this would be useful.

There are several files involved in the change to make this work. The first is in the supersized.3.2.7.min.js script which is more than I can show here. Best to PM me with an email address and I can send you the updated script.

The second file that needs changed is the /includes/templates/your_template_name/common/tpl_main_page.php

find where the supersized script is being loaded (about line 100) and change the code that follows to match the following:

<script type="text/javascript" src="includes/templates/dover_fine/jscript/jquery.easing.min.js"></script>
		<script type="text/javascript" src="includes/templates/dover_fine/jscript/supersized.3.2.7.min.js"></script>
		<script type="text/javascript" src="includes/templates/dover_fine/jscript/supersized.shutter.min.js"></script>
		
		<script type="text/javascript">
			jQuery(function($){
			$.supersized({
	
					// Functionality
					slide_interval          :   7000,		// Length between transitions
					transition              :   1, 		// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
					transition_speed		:	1000,		// Speed of transition
					vertical_center: 0,
					new_window: 0,
			      autoplay:1,
					// Components							
					slide_links: 'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
					slides 	:  	[// Slideshow Images
										
<?php
                $banner = $db->Execute("SELECT banners_id, banners_title, banners_image, banners_html_text, banners_open_new_windows, banners_url FROM " . TABLE_BANNERS . " WHERE status = 1 AND banners_group = 'homepageslide' order by rand()");
                
                if ($banner->RecordCount() > 0) {

 while (!$banner->EOF) {
	$newwindow = ($banner->fields['banners_open_new_windows']) ? "', nwin : '1" : '';
	$bannerurl = ($banner->fields['banners_url']) ? "', url : '" . zen_href_link(FILENAME_REDIRECT, 'action=banner&goto=' . $banner->fields['banners_id']) : '';
echo "{image : '" . HTTP_SERVER . DIR_WS_CATALOG . 'images/' . $banner->fields['banners_image'] . $bannerurl . $newwindow . "'},";

zen_update_banner_display_count($banner->fields['banners_id']);
                                $banner->MoveNext();

}

It's important to add the parameter 'new_window: 0,' to the script options. This is what tells the script to not open a new window. You will notice in the code above in the loop that sets up the slides a new parameter that is being passed to the script called 'nwin'. This is being set by looking at the setting of the banner for open in a new window. This parameter then overrides the script setting to either open in a new window, or open in the same window based on the setting in the banner.

Hope that makes sense. If not, let me know.

[simon1066]

There are several files involved in the change to make this work. The first is in the supersized.3.2.7.min.js script which is more than I can show here. Best to PM me with an email address and I can send you the updated script.

The second file that needs changed is the /includes/templates/your_template_name/common/tpl_main_page.php

find where the supersized script is being loaded (about line 100) and change the code that follows to match the following:

<script type="text/javascript" src="includes/templates/dover_fine/jscript/jquery.easing.min.js"></script>
		<script type="text/javascript" src="includes/templates/dover_fine/jscript/supersized.3.2.7.min.js"></script>
		<script type="text/javascript" src="includes/templates/dover_fine/jscript/supersized.shutter.min.js"></script>
		
		<script type="text/javascript">
			jQuery(function($){
			$.supersized({
	
					// Functionality
					slide_interval          :   7000,		// Length between transitions
					transition              :   1, 		// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
					transition_speed		:	1000,		// Speed of transition
					vertical_center: 0,
					new_window: 0,
			      autoplay:1,
					// Components							
					slide_links: 'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
					slides 	:  	[// Slideshow Images
										
<?php
                $banner = $db->Execute("SELECT banners_id, banners_title, banners_image, banners_html_text, banners_open_new_windows, banners_url FROM " . TABLE_BANNERS . " WHERE status = 1 AND banners_group = 'homepageslide' order by rand()");
                
                if ($banner->RecordCount() > 0) {

 while (!$banner->EOF) {
	$newwindow = ($banner->fields['banners_open_new_windows']) ? "', nwin : '1" : '';
	$bannerurl = ($banner->fields['banners_url']) ? "', url : '" . zen_href_link(FILENAME_REDIRECT, 'action=banner&goto=' . $banner->fields['banners_id']) : '';
echo "{image : '" . HTTP_SERVER . DIR_WS_CATALOG . 'images/' . $banner->fields['banners_image'] . $bannerurl . $newwindow . "'},";

zen_update_banner_display_count($banner->fields['banners_id']);
                                $banner->MoveNext();

}

It's important to add the parameter 'new_window: 0,' to the script options. This is what tells the script to not open a new window. You will notice in the code above in the loop that sets up the slides a new parameter that is being passed to the script called 'nwin'. This is being set by looking at the setting of the banner for open in a new window. This parameter then overrides the script setting to either open in a new window, or open in the same window based on the setting in the banner.

Hope that makes sense. If not, let me know.

Thank you for this, who knew a seemingly small thing could be so tricky. I'll PM you.

[AndyJordaan]

Hi Anne,
Thanks for the offer,it was most appreciated however I think that the problem was not related to dover _fine.

That said its was fixed using the hints drawn from this thread. .

I added the z-index here . . . ( about line 215 on the stylesheet css )
#categories .sideBoxContent ul li ul li {display:none;min-width:150px;position:relative;z-index:100;}

Again thanks for all your help

Andy

[simon1066]

I'm having difficulty in isolating the cause of this home page layout issue on the demo site for this template.

Using the link http://www.zenlyzen.com/dover/index...._mode=isTablet between about 820px to 910px in portrait aspect on a desktop pc, the top of the home page layout is a bit screwy, best shown in this screenshot



I get this in Safari, FF, IE and Chrome. Additionally, from the screenshot you can see the distorted logo, only in Safari, that I also need help with.

[simon1066]

from the screenshot you can see the distorted logo, only in Safari, that I also need help with.

I've narrowed this down to possibly the stylesheet occurences of

#logo img{width:60%;height:60%;}

Although I don't know why Safari doesn't like it.

[picaflor-azul]

I'm having difficulty in isolating the cause of this home page layout issue on the demo site for this template.

Using the link http://www.zenlyzen.com/dover/index...._mode=isTablet between about 820px to 910px in portrait aspect on a desktop pc, the top of the home page layout is a bit screwy, best shown in this screenshot



I get this in Safari, FF, IE and Chrome. Additionally, from the screenshot you can see the distorted logo, only in Safari, that I also need help with.

This is not a bug or a problem in the template. When you use the isTablet url on a desktop you are seeing what will be shown to tablet users. Use this url in an emulator like that at mobiletest.me using a tablet to see how the template will render on portrait and landscape tablets. You can not use the isTablet url on a desktop and then just make your browser larger and smaller. If you do this you will see a lot of "in between" screen resolutions that do not apply to any device.

Thanks,

Anne