Dover Fine Responsive Template

[dharrison]

You need to turn off the banners from the winchester responsive templates. If you want them to show on the dover fine template you will need to adjust the z-index. The same is true of the home page text or any other page element that you want to add to the main page. Anything can be turned on, added, etc, but due the z-index on the background slide show, you will need to adjust the z-indexes of the elements so that they will show on top of the slide show.

You could also add the content in a div below the slide show. There are many possibilites---no reason to choose between content and the slide show.

As always, the free template packages are offered as a starting point. If you do not want to use them "out of the box", then you can modify them as you need to.

Thanks,

Anne

Hi Anne

I know this got posted some time ago, but I need to add some content to the home page (just a video of the product) and I am really struggling.

HTML code as follows (div in red)

<?php
    if ($this_is_home_page) {
?>
<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          :   3000,		// 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		:	700,		// Speed of transition
					vertical_center: 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'");
                
                if ($banner->RecordCount() > 0) {

 while (!$banner->EOF) {

echo "{image : '" . HTTP_SERVER . DIR_WS_CATALOG . 'images/' . $banner->fields['banners_image'] . "', title : '" . '<p>' . $banner->fields['banners_title'] . '</p>' . "', url : '" . zen_href_link(FILENAME_REDIRECT, 'action=banner&goto=' . $banner->fields['banners_id']) . "'},";

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

}
?>
							]
					
				});
		    });
		    
		</script>

	<!--Arrow Navigation-->
<div id="slide-nav">
	<a id="prevslide" class="load-item"></a>
	<a id="nextslide" class="load-item"></a>
</div>	
	<div id="thumb-tray" class="load-item">
		<div id="thumb-back"></div>
		<div id="thumb-forward"></div>
	</div>


<div id="slidecaption"></div>
<div id="vid">
<iframe width="560" height="315" src="https://www.youtube.com/embed/FzPEtnrNUuU" frameborder="0" allowfullscreen></iframe>
</div>
 <?php
}
?>

<?php
    } ?>

CSS code (for now) is:

#vid { border: 1px #f00 solid; display: block; z-index: 100; }

Please, any help is gratefully received.

[picaflor-azul]

Hi Anne

I know this got posted some time ago, but I need to add some content to the home page (just a video of the product) and I am really struggling.

HTML code as follows (div in red)

<?php
    if ($this_is_home_page) {
?>
<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          :   3000,		// 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		:	700,		// Speed of transition
					vertical_center: 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'");
                
                if ($banner->RecordCount() > 0) {

 while (!$banner->EOF) {

echo "{image : '" . HTTP_SERVER . DIR_WS_CATALOG . 'images/' . $banner->fields['banners_image'] . "', title : '" . '<p>' . $banner->fields['banners_title'] . '</p>' . "', url : '" . zen_href_link(FILENAME_REDIRECT, 'action=banner&goto=' . $banner->fields['banners_id']) . "'},";

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

}
?>
							]
					
				});
		    });
		    
		</script>

	<!--Arrow Navigation-->
<div id="slide-nav">
	<a id="prevslide" class="load-item"></a>
	<a id="nextslide" class="load-item"></a>
</div>	
	<div id="thumb-tray" class="load-item">
		<div id="thumb-back"></div>
		<div id="thumb-forward"></div>
	</div>


<div id="slidecaption"></div>
<div id="vid">
<iframe width="560" height="315" src="https://www.youtube.com/embed/FzPEtnrNUuU" frameborder="0" allowfullscreen></iframe>
</div>
 <?php
}
?>

<?php
    } ?>

CSS code (for now) is:

#vid { border: 1px #f00 solid; display: block; z-index: 100; }

Please, any help is gratefully received.

If you post a link to the site I can take a look.

Thanks,

Anne

[dharrison]

Hi Anne

I am currently developing the new changes on my local server, but the actual website will be at http://sitstandforbusiness.com/index.php

[picaflor-azul]

Hi Anne

I am currently developing the new changes on my local server, but the actual website will be at http://sitstandforbusiness.com/index.php

I would just add it to the define_main_page.php. Then you can add a higher z-index to the element to show it over the background slide show.

Thanks,

Anne