Dover Fine Responsive Template

**simon1066** · 15 Mar 2015, 06:47 PM

Paul,

I would start looking at your \includes\templates\your_template\common\html_header.php file, the page source for your homepage has </head> and <body id="indexHomeBody"> errors which may be linked to the changes you've made to this file. Try replacing with the templates original file and test.

**Goldlion** · 15 Mar 2015, 07:26 PM

I have installed the template in Zen Cart 1.54. Is that perhaps the problem?

Thanks,
Paul

**Goldlion** · 16 Mar 2015, 12:49 PM

I have installed everything again, but this time using zen 1.5.3. instead of 1.5.4.

It looks like this solves my problems. Thanks again for this great template.

Paul

**picaflor-azul** · 16 Mar 2015, 04:12 PM

Originally Posted by Goldlion

I have installed everything again, but this time using zen 1.5.3. instead of 1.5.4.

It looks like this solves my problems. Thanks again for this great template.

Paul

There is no compatibility issue with this template and 1.5.4. I have installed it many times with no problems on 1.5.4. Your issue was being caused by something else.

Thanks,

Anne

**Goldlion** · 17 Mar 2015, 12:53 PM

ok, i'm sorry I jumped to conclusions.

I made a mistake editing tpl_main_page when I installed cookie control.

Paul

**picaflor-azul** · 17 Mar 2015, 03:33 PM

Originally Posted by Goldlion

ok, i'm sorry I jumped to conclusions.

I made a mistake editing tpl_main_page when I installed cookie control.

Paul

I am happy that you figured it out ;)

Thanks,

Anne

**dharrison** · 22 Mar 2015, 08:35 PM

Originally Posted by picaflor-azul

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)

Code:

<?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:

Code:

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

Please, any help is gratefully received.

**picaflor-azul** · 22 Mar 2015, 09:01 PM

Originally Posted by dharrison

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)

Code:

<?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:

Code:

#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** · 23 Mar 2015, 07:37 AM

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** · 23 Mar 2015, 03:22 PM

Originally Posted by 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

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

Thread: Dover Fine Responsive Template

Thread Tools

Search Thread

Display

Re: Dover Fine Responsive Template

Re: Dover Fine Responsive Template

Re: Dover Fine Responsive Template

Re: Dover Fine Responsive Template

Re: Dover Fine Responsive Template

Re: Dover Fine Responsive Template

Re: Dover Fine Responsive Template

Re: Dover Fine Responsive Template

Re: Dover Fine Responsive Template

Re: Dover Fine Responsive Template

Similar Threads

v154 dover fine - removing links

v154 Best Responsive Template

v154 Dover Fine configuration

v154 Using Dover Fine & Image Handler 4

v151 responsive template problems

Bookmarks

Bookmarks

Posting Permissions