Dover Fine Responsive Template

Quote:

---

Originally Posted by picaflor-azul

I'll take a look at this for a future template update ;) For now, if you do not want to use the slide show on the main page, you can remove the code from the tpl_main_page.php file.

Thanks,

Anne

---

To remove the slideshow, would these be lines 97 through 157 (I haven't edited the file) of tpl_main_page.php?

Or rather beginning with:

PHP 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({

---

and ending with:

PHP Code:

---

<div id="slidecaption"></div>

 <?php
}
?>

<?php
    } ?>

---

Also, I would like to edit and use define main page but when I do, (after disabling the slideshow) anything I enter into the main page is set off to the left of the page underneath the menu.

This also happens when I setup layout settings to display categories on main page.

Here are a couple of pics (I'm still messing with the color scheme so please disregard) that illustrate the problem:

Attachment 14454
Attachment 14455

What would I need to change to get both the main page as defined in define main page and categories on main page to display correctly?

Thank you for your assistance and thank you for offering a few of your templates for free. I know it's a lot of work and that you don't have to offer templates free of charge or even answer our questions... that you do is greatly appreciated.

Quote:

---

Originally Posted by Enzo

To remove the slideshow, would these be lines 97 through 157 (I haven't edited the file) of tpl_main_page.php?

Or rather beginning with:

PHP 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({

---

and ending with:

PHP Code:

---

<div id="slidecaption"></div>

 <?php
}
?>

<?php
    } ?>

---

Also, I would like to edit and use define main page but when I do, (after disabling the slideshow) anything I enter into the main page is set off to the left of the page underneath the menu.

This also happens when I setup layout settings to display categories on main page.

Here are a couple of pics (I'm still messing with the color scheme so please disregard) that illustrate the problem:

Attachment 14454
Attachment 14455

What would I need to change to get both the main page as defined in define main page and categories on main page to display correctly?

Thank you for your assistance and thank you for offering a few of your templates for free. I know it's a lot of work and that you don't have to offer templates free of charge or even answer our questions... that you do is greatly appreciated.

---

Yes, that is the code to remove.

Since I have not added any css for the define main page content or main page categories, you will have to add these styles. If you post a link to your site I can take a look.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

Yes, that is the code to remove.

Since I have not added any css for the define main page content or main page categories, you will have to add these styles. If you post a link to your site I can take a look.

Thanks,

Anne

---

I hope you don't mind me Private Messaging you but I've been reading about not posting links on forums or other locations that aren't related to the purpose of our site as it may dilute link juice or something to that effect. I'm a newbie to zencart and php in general but I am interested in getting into the habit of best practices. If I am mistaken, please excuse my ignorance.

That said, I PM'ed you with the link to the site. I hope this is something that isn't too complicated to fix as I really do enjoy your templates!

Quote:

---

Originally Posted by Enzo

I hope you don't mind me Private Messaging you but I've been reading about not posting links on forums or other locations that aren't related to the purpose of our site as it may dilute link juice or something to that effect. I'm a newbie to zencart and php in general but I am interested in getting into the habit of best practices. If I am mistaken, please excuse my ignorance.

---

Some of that may be true. But you might just PM someone before they go on holiday for two weeks and then be without help. In the Posting Tips, you'll find the last statement

Quote:

---

*NOTE: Search engines index this Zen Cart® support site very quickly. Posting your URL will cause your site and your post to show up in search engines. If you want to prevent that, put spaces between each letter of the domain name in your URL.

---

You can also post as mydomainDOTcom. Any disguise will work and allow more folks to take a look and possibly provide an answer. And, the more information you provide (answers to the posting tips), the more folks can assist. Often, someone other than the mod author may be already working on the very thing you are inquiring about.
Knowledge is power.:smile:

Quote:

---

Originally Posted by Enzo

I hope you don't mind me Private Messaging you but I've been reading about not posting links on forums or other locations that aren't related to the purpose of our site as it may dilute link juice or something to that effect. I'm a newbie to zencart and php in general but I am interested in getting into the habit of best practices. If I am mistaken, please excuse my ignorance.

That said, I PM'ed you with the link to the site. I hope this is something that isn't too complicated to fix as I really do enjoy your templates!

---

Yes, please do post to the forum as I do not check pms regularly.

Thanks,

Anne

Ok. Thanks dbltoe and Anne for the info.

You can see the problem I am experiencing here:

a ga ve imp orts .com

BTW, thanks in advance to anyone and everyone who may know how to fix the problem and is kind enough to help out. :smile:

Anne,
Thanx again for your work on templates. Always excellent work.
I do have an area you may want to look at in your spare time. Not sure it affects other of the responsive templates as I have not had the time to investigate them.
Here's the scenario:
New Server, with linux 2.6.32 Apache 2.2.27
PHP 5.4.3
mysql 5.5.37

Load latest 1.5.3 with patch. No demo items and no mods. Click on All Products. "More products will be added soon. Please check back later."

Add Dover. Still with no items or mods. Click on All Products. "TEXT_NO_PRODUCTS"

In looking this over, I find that there are many differences between the includes/templates/dover/templates/tpl_products_all_default.php and the template_default version of the file.

I understand that the file is changed for columnar product listing but I believe it should be calling (on line 18) tpl_modules_products_all_listing.php.

Changing the the tpl_products_all_default.php and adding the tpl_modules_products_all_listing.php to the Dover templates folder gives the expected response BUT When other products are added, it fails.
I don't see this as a problem when there are products so it's not a priority. Just thought you should be aware.

THANX again for your work.

Hi,

I just want info about product tabs. We are given option for custom tabs. I want to change tabs and add a new tab of FAQ. I saw how to edit the tabs. However i want to know that how can we add information of a tab according to the product. Like every product on display has a different FAQ, so how do i add information for every specific product.

Quote:

---

Originally Posted by flemingo

Hi,

I just want info about product tabs. We are given option for custom tabs. I want to change tabs and add a new tab of FAQ. I saw how to edit the tabs. However i want to know that how can we add information of a tab according to the product. Like every product on display has a different FAQ, so how do i add information for every specific product.

---

To be fair to Anne, your FAQ question has no relevance to this template. But what you are asking for can be done with swguys boilerplate mod? He gives instructions on his website to do such a thing to show specific content for a certain product. Search the zencart site for swguy and he has a link in his signature.

As a quick mention, you will have to modify his code a bit to work what you want. So what you will have to do is to create your language define array with the list of product numbers instead of a word. From there you can just list your FAQ in that define file OR create separate define pages. Don't know which way would be easier for you, but you have options.

Enzo,
Since your site is down for maintenance, we can only see the first page.
Couple of suggestions.

1. Use Firefox browser with either firebug or Web Developer add-ons. Both are invaluable in telling your where something is happening.
2. Since you have loaded a responsive template, go to quirktools.com and click on Screenfly. Taking a look at your layout in 12" netbook versus a 13" Notebook.

These helpers are in constant use here.

Quote:

---

Originally Posted by dbltoe

Anne,
Thanx again for your work on templates. Always excellent work.
I do have an area you may want to look at in your spare time. Not sure it affects other of the responsive templates as I have not had the time to investigate them.
Here's the scenario:
New Server, with linux 2.6.32 Apache 2.2.27
PHP 5.4.3
mysql 5.5.37

Load latest 1.5.3 with patch. No demo items and no mods. Click on All Products. "More products will be added soon. Please check back later."

Add Dover. Still with no items or mods. Click on All Products. "TEXT_NO_PRODUCTS"

In looking this over, I find that there are many differences between the includes/templates/dover/templates/tpl_products_all_default.php and the template_default version of the file.

I understand that the file is changed for columnar product listing but I believe it should be calling (on line 18) tpl_modules_products_all_listing.php.

Changing the the tpl_products_all_default.php and adding the tpl_modules_products_all_listing.php to the Dover templates folder gives the expected response BUT When other products are added, it fails.
I don't see this as a problem when there are products so it's not a priority. Just thought you should be aware.

THANX again for your work.

---

Thank you for posting. I'll be sure to check it out :smile:

Thanks,

Anne

Hi

One more Question. Banner title is displayed in an oval circle at the bottom right corner. Is there a possibility to remove the oval banner title from displaying at all OR move the location of the banner title to a different position?

Quote:

---

Originally Posted by flemingo

Hi

One more Question. Banner title is displayed in an oval circle at the bottom right corner. Is there a possibility to remove the oval banner title from displaying at all OR move the location of the banner title to a different position?

---

Yes, you can move it around using css or hide it by adding a display:none;

Thanks,

Anne

Hi there,

I can't seem to get the mobile version of this template to link to my Social Networking sites. I have changed the links to go to my FB, Twitter, IG, Youtube and Pinterest. On the desktop those links go to my social networks. But on mobile, those links will only go to the Picaflor social networks. Is there any way to get those to link to my sites on the mobile version?

I'm trying to add main category images to be displayed once the main categories are selected, already uploaded the images, however I am not able to display the images, is that an admin setting? My main categories supposed to display a large rectangular banner. Where the image supposed to be displayed. For instance if I have two main categories A and B, I need to be able to display the image for A and the image for B.

Quote:

---

Originally Posted by reciecup

Hi there,

I can't seem to get the mobile version of this template to link to my Social Networking sites. I have changed the links to go to my FB, Twitter, IG, Youtube and Pinterest. On the desktop those links go to my social networks. But on mobile, those links will only go to the Picaflor social networks. Is there any way to get those to link to my sites on the mobile version?

---

Give it a try in your includes/templates/dover_fine/templates/tpl_modules_mobile_categories_tab.php around line 130ish.

Quote:

---

Originally Posted by icecold

I'm trying to add main category images to be displayed once the main categories are selected, already uploaded the images, however I am not able to display the images, is that an admin setting? My main categories supposed to display a large rectangular banner. Where the image supposed to be displayed. For instance if I have two main categories A and B, I need to be able to display the image for A and the image for B.

---

The main reason is that they are turned off is that they are a problem in anything but large screen/tablet mode. If you turn them back on, be sure to use http://tinyurl.com/3bojwez to look at the result.

Quote:

---

Originally Posted by dbltoe

Give it a try in your includes/templates/dover_fine/templates/tpl_modules_mobile_categories_tab.php around line 130ish.

---

Thanks. That helped :)

Quote:

---

Originally Posted by icecold

I'm trying to add main category images to be displayed once the main categories are selected, already uploaded the images, however I am not able to display the images, is that an admin setting? My main categories supposed to display a large rectangular banner. Where the image supposed to be displayed. For instance if I have two main categories A and B, I need to be able to display the image for A and the image for B.

---

Well I figured that out, because it was set on css to display:none;

Quote:

---

Originally Posted by dbltoe

The main reason is that they are turned off is that they are a problem in anything but large screen/tablet mode. If you turn them back on, be sure to use http://tinyurl.com/3bojwez to look at the result.

---

I anticipated those problems but as this is a responsive design I will have to add the other resolutions using media queries, so it's solved.

I have another question. How can I add the Login/My account/Shopping Cart links so that they show on the homepage with the slider? I want to the user to be able to log in right when they get to my site.

Quote:

---

Originally Posted by reciecup

I have another question. How can I add the Login/My account/Shopping Cart links so that they show on the homepage with the slider? I want to the user to be able to log in right when they get to my site.

---

If you read through the thread I *think* that I remember someone posting a how to for this. If not, you can just remove the display:none; on them in the stylesheet files and then add a z-index higher than the slide show so that they will show on top.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

If you read through the thread I *think* that I remember someone posting a how to for this. If not, you can just remove the display:none; on them in the stylesheet files and then add a z-index higher than the slide show so that they will show on top.

Thanks,

Anne

---

Thanks. I did read through the thread but I must have missed that. I'm not really sure what a z-index is but I guess I will just figure it out.

Quote:

---

Originally Posted by reciecup

Thanks. I did read through the thread but I must have missed that. I'm not really sure what a z-index is but I guess I will just figure it out.

---

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

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

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

Thanks,

Anne

---

Thanks. My site is www.KayDanae.com.

I saw something about editing the Eazy Page dropdown box. But when I did that, the login link was added right under the Advanced Search box on the left. But it had a white background, which did not look right against the grey of the menu bar. I have removed it, so you will not see it when you go to my site. Is there a way to add it so that it always shows on the top of the homepage, like it does every other page?

Quote:

---

Originally Posted by reciecup

Thanks. My site is www.KayDanae.com.

I saw something about editing the Eazy Page dropdown box. But when I did that, the login link was added right under the Advanced Search box on the left. But it had a white background, which did not look right against the grey of the menu bar. I have removed it, so you will not see it when you go to my site. Is there a way to add it so that it always shows on the top of the homepage, like it does every other page?

---

I am pretty sure that this is posted futher back in the thread, but in index_home.css, remove the display:none; from the #navMainWrapper and add:

Code:

---

position: relative;
z-index: 100;

---

Thanks,

Anne

Hi Anne... first of all: your templates are amazing, thank you so much for your work and effort.

However, I have a question: I would like to lower the opacity left bar where the sideboxes and the logo are. I was looking through the css and didn't find it. Please Help!

D.C.

Quote:

---

Originally Posted by dachilla

Hi Anne... first of all: your templates are amazing, thank you so much for your work and effort.

However, I have a question: I would like to lower the opacity left bar where the sideboxes and the logo are. I was looking through the css and didn't find it. Please Help!

D.C.

---

I am happy that you like the templates ;) If you post a link to your site I can take a look.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

I am happy that you like the templates ;) If you post a link to your site I can take a look.

Thanks,

Anne

---

Hi Anne,

the site is www.phunkz.com ... I just wanna lighten the opacity of the bar on the left side where the logo and categories and info is in.

Cheers

D.C.

I just figured it's a png file... Thank you Anne!

Quote:

---

Originally Posted by dachilla

I just figured it's a png file... Thank you Anne!

---

I am happy that you figured it out ;)

Thanks,

Anne

I really like this template. I'm currently just starting to get it set up off to the side.

I replaced the URL's and titles in the banners with links to the various pages in the store.

When my site is accessed on the desktop, you can click on the banner and it goes to the page. However, clicking on the banner on my phone - Galaxy 4S - does not work.

Is this intentional? Do I need to activate it somehow? I was quite bummed that it was not working. Any clues would be greatly appreciated.

Thanks,

Melissa

Quote:

---

Originally Posted by mrudden

I really like this template. I'm currently just starting to get it set up off to the side.

I replaced the URL's and titles in the banners with links to the various pages in the store.

When my site is accessed on the desktop, you can click on the banner and it goes to the page. However, clicking on the banner on my phone - Galaxy 4S - does not work.

Is this intentional? Do I need to activate it somehow? I was quite bummed that it was not working. Any clues would be greatly appreciated.

Thanks,

Melissa

---

I did not test the template on an emulator for that device, so it is possible that the slide show is not working, or that you might have broken something somewhere.

Thanks,

Anne

Anne,

Thanks for getting back to me. I didn't play with the code, just used the banner manager to alter the URL and text presented.

Where in the code would you suggest I start looking to see if I can figure out what is going on? I really like this template.

I also noticed the same behavior on someone else's zencart store that was using this template. Again, it only happened on my phone, not her actually site.

Thanks!

Melissa

Anne, Firstly thank for a REALLY GREAT template, I have set it up in my testing site and am in the final stages before swinging our current site over to Dover_Fine.

The benefits of Dover_fine are phenomenal !

Problem I have is that I really need to put text into my home page that slides with the images (SEO). Page three of this threat talks about " add the content in a div below the slide show " In which php should this go ? I have looked at the /admin/ . . .1_0.php and the files in the catalog dove_fine template, nothing I try has got the text to slide.

Currently on the operational site have have image and text sliding nicely with "Acoin slider " but I perceive that the slider you using is much more user friendly.

Also I cannot figure out how to use the " Custom Tab ", If you could shed some light here to it would be greatly appreciated

Thanks

Andy

Quote:

---

Originally Posted by mrudden

Anne,

Thanks for getting back to me. I didn't play with the code, just used the banner manager to alter the URL and text presented.

Where in the code would you suggest I start looking to see if I can figure out what is going on? I really like this template.

I also noticed the same behavior on someone else's zencart store that was using this template. Again, it only happened on my phone, not her actually site.

Thanks!

Melissa

---

The slide show code vis in includes/templates/dover_fine/common/tpl_main_page.php

Thanks,

Anne

Quote:

---

Originally Posted by AndyJordaan

Anne, Firstly thank for a REALLY GREAT template, I have set it up in my testing site and am in the final stages before swinging our current site over to Dover_Fine.

The benefits of Dover_fine are phenomenal !

Problem I have is that I really need to put text into my home page that slides with the images (SEO). Page three of this threat talks about " add the content in a div below the slide show " In which php should this go ? I have looked at the /admin/ . . .1_0.php and the files in the catalog dove_fine template, nothing I try has got the text to slide.

Currently on the operational site have have image and text sliding nicely with "Acoin slider " but I perceive that the slider you using is much more user friendly.

Also I cannot figure out how to use the " Custom Tab ", If you could shed some light here to it would be greatly appreciated

Thanks

Andy

---

Do you need to add more text to the slide show images than the title will allow?

There are instructions for using the custom tab in the readme.html file ;)

Thanks,

Anne

Hi Anne,

Thanks For coming back to me and helping..:smile:

For decent SEO it said you need about 100 to 150 words, the text at the moment is great (more than great) for main category titles but yes I need more, much more text . . .:shocking:

The "Custom Tab" is covered in the readme.html but I have poured over this trying to get it to show and cannot. It does not reflect in the "Layout Boxes Controller " but does show in the "Banner Manager" I thought after a while that it is due to the fact that "Custom Tab" is not a single string as in "Custom_Tab" but this is above my fire place (Competence). I have even tried activating this in the "Layout Settings " If I can get it to show then I can Work out how to use it . . .

Andy

Quote:

---

Originally Posted by picaflor-azul

Do you need to add more text to the slide show images than the title will allow?

There are instructions for using the custom tab in the readme.html file ;)

Thanks,

Anne

---

The easiest way to add text would be to use the define_main_page.php. If you add your text, then post a link to your site I can help you with the css to get it to show on the main page.

The custom tab can be customized in the admin-tools--banner manager

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

Yes, you can move it around using css or hide it by adding a display:none;

Thanks,

Anne

---

Hi Anne,

I have to echo all of the other comments about how brilliant this template is. So much I love about it. Thanks. Having a number of teething issues, but this one has stumped me. Where in the CSS can I suppress the ovals and titles from displaying on the main page banners. Seems like it should be easy, but this has me baffled!

Thanks, Sean

Sorry Anne,

One query you don't need to answer . . .

I took one more stab at it and figured it out. For those as stumped as I was, here is how to hide the ovals and titles on main slide show.

/includes/templates/dover_fine/css/stylesheet_supersized_shutter.css

Look for #slidecaption (two lines of code on or about 19 & 20 - one for title one for background) and add the "display:none;" just inside those final brackets.

Quote:

---

Originally Posted by smcelligott

Hi Anne,

I have to echo all of the other comments about how brilliant this template is. So much I love about it. Thanks. Having a number of teething issues, but this one has stumped me. Where in the CSS can I suppress the ovals and titles from displaying on the main page banners. Seems like it should be easy, but this has me baffled!

Thanks, Sean

---

Quote:

---

Originally Posted by smcelligott

Hi Anne,

I have to echo all of the other comments about how brilliant this template is. So much I love about it. Thanks. Having a number of teething issues, but this one has stumped me. Where in the CSS can I suppress the ovals and titles from displaying on the main page banners. Seems like it should be easy, but this has me baffled!

Thanks, Sean

---

If you post a link to your site I can take a look ;)

Thanks,

Anne

Quote:

---

Originally Posted by smcelligott

Sorry Anne,

One query you don't need to answer . . .

I took one more stab at it and figured it out. For those as stumped as I was, here is how to hide the ovals and titles on main slide show.

/includes/templates/dover_fine/css/stylesheet_supersized_shutter.css

Look for #slidecaption (two lines of code on or about 19 & 20 - one for title one for background) and add the "display:none;" just inside those final brackets.

---

Thank you for posting your solution. I am happy that you figured it out and that you are using the template for your zen cart ;)

Thanks,

Anne

BTW this script is not included with the package .... >>>>

HTML Code:

---

includes/templates/dover_fine/jscript/jquery.easing.min.js

---

I checked twice and is not in the distribution, nor in the extracted directory ...[/QUOTE]

=====

(Actually, a response / query to IceCold. Anne, if/when you see this, I have to compliment you - you do phenomenal work!)

Did you ever find out where to either get a copy of this script or assurances it wasn't needed? I hunted through the thread and never saw another reference to it. I did get it pop up as missing from both Google and Screaming Frog.

Thanks for the help - I appreciate it.

J. R.

Hi Anne,
Thank you for this template.
I am currently testing this and it is great so far.

However, one thing I would like to change is remove the slideshow from the main page, and just have the standard two column zen cart main page there instead, much like when you are displaying a product or category page.

I know there is an if statement in tpl_mainpage.php to show the slideshow if the current page is the main page. I've taken this out which does disable the slideshow, but any content (e.g. new products, featured products, etc) on that page goes the full width (i.e. under the left navigation column).

I guess this would also need a css change - could you point me in the direction?

Thanks.

Quote:

---

Originally Posted by HurlingGuano

BTW this script is not included with the package .... >>>>

HTML Code:

---

includes/templates/dover_fine/jscript/jquery.easing.min.js

---

I checked twice and is not in the distribution, nor in the extracted directory ...

---

The script is called remotely in the/tpl_modules_mobile_categories_tabs.php file so it should be safe to remove the code from the tpl_main_page.php file.

Thanks,

Anne

Quote:

---

Originally Posted by garethp

Hi Anne,
Thank you for this template.
I am currently testing this and it is great so far.

However, one thing I would like to change is remove the slideshow from the main page, and just have the standard two column zen cart main page there instead, much like when you are displaying a product or category page.

I know there is an if statement in tpl_mainpage.php to show the slideshow if the current page is the main page. I've taken this out which does disable the slideshow, but any content (e.g. new products, featured products, etc) on that page goes the full width (i.e. under the left navigation column).

I guess this would also need a css change - could you point me in the direction?

Thanks.

---

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

Thanks,

Anne

Thank you, Anne! I appreciate the quick response. You are definitely a class-act!

Quote:

---

Originally Posted by HurlingGuano

Thank you, Anne! I appreciate the quick response. You are definitely a class-act!

---

Thanks :hug:

Think I've got it...

index_home.css

changed:

Code:

---

.col250{position:absolute;left:0;top:0;height:100%;z-index:30;}

---

to:

Code:

---

.col250{height:100%;z-index:30;}

---

Seems to be working - can you confirm that this is correct?

Thanks.

Quote:

---

Originally Posted by garethp

Hi Anne,
Thank you for this template.
I am currently testing this and it is great so far.

However, one thing I would like to change is remove the slideshow from the main page, and just have the standard two column zen cart main page there instead, much like when you are displaying a product or category page.

I know there is an if statement in tpl_mainpage.php to show the slideshow if the current page is the main page. I've taken this out which does disable the slideshow, but any content (e.g. new products, featured products, etc) on that page goes the full width (i.e. under the left navigation column).

I guess this would also need a css change - could you point me in the direction?

Thanks.

---

Quote:

---

Originally Posted by garethp

Think I've got it...

index_home.css

changed:

Code:

---

.col250{position:absolute;left:0;top:0;height:100%;z-index:30;}

---

to:

Code:

---

.col250{height:100%;z-index:30;}

---

Seems to be working - can you confirm that this is correct?

Thanks.

---

What is the link to your site?

Thanks,

Anne

Thanks for the nice template, Anne. Just one thing to notice for future updates maybe. It doesn't work "Sort by" for specials. Here is what I mean: http://ehealthbeauty.com/index.php?m...s&disp_order=4 It is possible to show percentage discount also?

Regards
Stefan

Hi Anne,
The site is not live - it is on a local development server.

Quote:

---

Originally Posted by picaflor-azul

What is the link to your site?

Thanks,

Anne

---

Quote:

---

Originally Posted by stefanb

Thanks for the nice template, Anne. Just one thing to notice for future updates maybe. It doesn't work "Sort by" for specials. Here is what I mean: http://ehealthbeauty.com/index.php?m...s&disp_order=4 It is possible to show percentage discount also?

Regards
Stefan

---

Yes, I already have this on the list. This can be removed in includes/templates/override/templates/tpl_specials_default.php

Thanks,

Anne

Quote:

---

Originally Posted by garethp

Hi Anne,
The site is not live - it is on a local development server.

---

I can not help you if I can't see your changes.

Thanks,

Anne

Just a small change, I noticed the sidebar background is a PNG file, but when I opened it in PS CS6, it shows up as a transparent background, I want to maintain the transparency for the banners but the gray is too dark, and I want to make a nicer lavender for my site the one in my signature.

I figured hat out myself ... just had to replace the grid

Quote:

---

Originally Posted by icecold

I figured hat out myself ... just had to replace the grid

---

I am happy that you figured it out ;)

Thanks,

Anne

Anne thanks for a great template that is versatile and fun. I am however having trouble with various formatting issues.

I cant get ez pages to show up in the side boxes. I have created a page set the sidebox data on it to 1 and have ez page drop down turned on. I cant figure out what Iv'e done wrong and it wont show itself.

I would like to edit the title to something other than more info and link names to something other than page #2 etc.in the more info side box.

I need to replace the "free zen cart template" tagline under the logo and cant find it.

I know these are newbe questions but I am spending hours looking and using search and cant find my answers.
I have had a zen cart for years and it was time to upgrade. I don't configure and modify zen-cart on a regular bases so remembering path names is hard for me. I appreciate the forums forbearance in these questions and hope you will lead me in the right direction.

Quote:

---

Originally Posted by Potterpoole

Anne thanks for a great template that is versatile and fun. I am however having trouble with various formatting issues.

I cant get ez pages to show up in the side boxes. I have created a page set the sidebox data on it to 1 and have ez page drop down turned on. I cant figure out what Iv'e done wrong and it wont show itself.

I would like to edit the title to something other than more info and link names to something other than page #2 etc.in the more info side box.

I need to replace the "free zen cart template" tagline under the logo and cant find it.

I know these are newbe questions but I am spending hours looking and using search and cant find my answers.
I have had a zen cart for years and it was time to upgrade. I don't configure and modify zen-cart on a regular bases so remembering path names is hard for me. I appreciate the forums forbearance in these questions and hope you will lead me in the right direction.

---

Please look at the faqs section of this site for detailed tutorials on how to set up an ezpage and change the tagline.

Thanks,

Anne

Thank you I resolved all the above.
Is the link roll over function java script or css based? I want to play with the fade in color and am having trouble reading the code. None of the hover codes in the css looked right to me and I know very little about java script.

Never mind I found them in the css files finally with the help of chromium's inspect element.

Quote:

---

Originally Posted by Potterpoole

Never mind I found them in the css files finally with the help of chromium's inspect element.

---

I am happy that you figured it out. The chrome web developer tools are great!

Thanks,

Anne

I would like to re-iterate everybody else; Fantastic template.

I would like to 'squash' the template so that everything is closer together.

andy

Quote:

---

Originally Posted by adb34

I would like to re-iterate everybody else; Fantastic template.

I would like to 'squash' the template so that everything is closer together.

andy

---

What I was trying to say; I would like to close everything up on the left column so that the page is shorter in length

Quote:

---

Originally Posted by adb34

What I was trying to say; I would like to close everything up on the left column so that the page is shorter in length

---

I think that what you want to do is lessen or remove the padding-top and padding-bottom on the various elements in the left hand column. I would recommend using firefox or chrome and the web developer tools to isolate the exact lines of the files that need to be changes.

Thanks,

Anne

I am trying to add a link to the more information side box that takes me to the log in page
the following is what i inserted but it isn't working.I am no programmer but I thought I would give this a shot.
ether i am missing something I need to add to another page, the programming isn't right or both. Can you help?

Code:

---


this was added to english.php

// information box text in sideboxes/more_information.php - were TUTORIAL_
  define('BOX_HEADING_MORE_INFORMATION', 'Wholesale Information');
  define('BOX_LOGIN_REGISTER', 'Login/Register');
  define('BOX_INFORMATION_PAGE_2', 'Wholesale Account Information');
  define('BOX_INFORMATION_PAGE_3', 'Wholesale Account Requirements');
  define('BOX_INFORMATION_PAGE_4', 'Minimum Orders');


this was added to more_information.php

// test if links should display
  if (DEFINE_LOGIN_REGISTER_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_index.php?main_page=login) . '">' . $pointer . BOX_LOGIN_REGISTER . '</a>';
  }
  if (DEFINE_PAGE_2_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_PAGE_2) . '">' . $pointer . BOX_INFORMATION_PAGE_2 . '</a>';
  }
  if (DEFINE_PAGE_3_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_PAGE_3) . '">' . $pointer . BOX_INFORMATION_PAGE_3 . '</a>';
  }
  if (DEFINE_PAGE_4_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_PAGE_4) . '">' . $pointer . BOX_INFORMATION_PAGE_4 . '</a>';
  }

---

Quote:

---

Originally Posted by Potterpoole

I am trying to add a link to the more information side box that takes me to the log in page
the following is what i inserted but it isn't working.I am no programmer but I thought I would give this a shot.
ether i am missing something I need to add to another page, the programming isn't right or both. Can you help?

Code:

---


this was added to english.php

// information box text in sideboxes/more_information.php - were TUTORIAL_
  define('BOX_HEADING_MORE_INFORMATION', 'Wholesale Information');
  define('BOX_LOGIN_REGISTER', 'Login/Register');
  define('BOX_INFORMATION_PAGE_2', 'Wholesale Account Information');
  define('BOX_INFORMATION_PAGE_3', 'Wholesale Account Requirements');
  define('BOX_INFORMATION_PAGE_4', 'Minimum Orders');


this was added to more_information.php

// test if links should display
  if (DEFINE_LOGIN_REGISTER_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_index.php?main_page=login) . '">' . $pointer . BOX_LOGIN_REGISTER . '</a>';
  }
  if (DEFINE_PAGE_2_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_PAGE_2) . '">' . $pointer . BOX_INFORMATION_PAGE_2 . '</a>';
  }
  if (DEFINE_PAGE_3_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_PAGE_3) . '">' . $pointer . BOX_INFORMATION_PAGE_3 . '</a>';
  }
  if (DEFINE_PAGE_4_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_PAGE_4) . '">' . $pointer . BOX_INFORMATION_PAGE_4 . '</a>';
  }

---

---

I don't think that you need the if because the login page is not controlled in the admin--configuration--define pages status

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

I think that what you want to do is lessen or remove the padding-top and padding-bottom on the various elements in the left hand column. I would recommend using firefox or chrome and the web developer tools to isolate the exact lines of the files that need to be changes.

Thanks,

Anne

---

Thanks Anne for the advice. I will give it a go.

well I reconfigured the more information php to this

Code:

---

// test if links should display
  $more_information[] = '<a href="' . zen_href_link(FILENAME_index.php?main_page=login) . '">' . $pointer . BOX_LOGIN_REGISTER . '</a>';
  if (DEFINE_PAGE_2_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_PAGE_2) . '">' . $pointer . BOX_INFORMATION_PAGE_2 . '</a>';
  }
  if (DEFINE_PAGE_3_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_PAGE_3) . '">' . $pointer . BOX_INFORMATION_PAGE_3 . '</a>';
  }
  if (DEFINE_PAGE_4_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_PAGE_4) . '">' . $pointer . BOX_INFORMATION_PAGE_4 . '</a>';
  }

---

the link box won't show up though.

Quote:

---

Originally Posted by Potterpoole

well I reconfigured the more information php to this

Code:

---

// test if links should display
  $more_information[] = '<a href="' . zen_href_link(FILENAME_index.php?main_page=login) . '">' . $pointer . BOX_LOGIN_REGISTER . '</a>';
  if (DEFINE_PAGE_2_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_PAGE_2) . '">' . $pointer . BOX_INFORMATION_PAGE_2 . '</a>';
  }
  if (DEFINE_PAGE_3_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_PAGE_3) . '">' . $pointer . BOX_INFORMATION_PAGE_3 . '</a>';
  }
  if (DEFINE_PAGE_4_STATUS <= 1) {
    $more_information[] = '<a href="' . zen_href_link(FILENAME_PAGE_4) . '">' . $pointer . BOX_INFORMATION_PAGE_4 . '</a>';
  }

---

the link box won't show up though.

---

You just need to add the html for the link:

Code:

---

<a href="' . zen_href_link(FILENAME_index.php?main_page=login) . '">' . $pointer . BOX_LOGIN_REGISTER . '</a>

---

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

I think that what you want to do is lessen or remove the padding-top and padding-bottom on the various elements in the left hand column. I would recommend using firefox or chrome and the web developer tools to isolate the exact lines of the files that need to be changes.

Thanks,

Anne

---

Anne, the padding commands, are they the one's in 'includes/templates/dover_fine/css/stylesheet.css' ?

Quote:

---

Originally Posted by adb34

Anne, the padding commands, are they the one's in 'includes/templates/dover_fine/css/stylesheet.css' ?

---

There are a few stylesheets in the css folder. This is why using the web developer tools is a must. They will tell you the exact line of the file that needs to be edited. Most will be in the stylesheet.css file, but since there are a few stylesheets used in the template it is safer to use the web developer tools to find exactly what needs to be changed ;)

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

There are a few stylesheets in the css folder. This is why using the web developer tools is a must. They will tell you the exact line of the file that needs to be edited. Most will be in the stylesheet.css file, but since there are a few stylesheets used in the template it is safer to use the web developer tools to find exactly what needs to be changed ;)

Thanks,

Anne

---

Thanks for the info Anne. I use Chrome so I will have another look with it.

Very good template

Quote:

---

Originally Posted by adb34

Thanks for the info Anne. I use Chrome so I will have another look with it.

Very good template

---

Ok, let me know if you get stuck ;)

Thanks,

Anne

Quote:

---

Originally Posted by adb34

Thanks for the info Anne. I use Chrome so I will have another look with it.

Very good template

---

OK I am lost I have no idea what I am looking at then I right click & select 'Inspect Element' in Chrome

Hi Anne, I really like this template, but I'm having a problem. I've set up the home page slide show banners and configured them to NOT open a new window when the banner is clicked. Unfortunately, it seems this setting is being ignored and the banners open a new window anyway. How do I get these banners to not open a new window?

If this requires coding, I can certainly do that. I've been searching through the code for hours and have not found the problem. So if you could maybe point me in the right direction it would be appreciated.

Thanks!

using current version of the Dover Template, windows 7, chrome

Quote:

---

Originally Posted by adb34

OK I am lost I have no idea what I am looking at then I right click & select 'Inspect Element' in Chrome

---

What specifically are you trying to change?

Thanks,

Anne

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.

Quote:

---

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

---

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.

Hello.
I've installed zencart and also with portuguese language pack. Could I install Dover Fine without loose the portuguese language or must I do anything else?
Thank you.

Quote:

---

Originally Posted by vice

Hello.
I've installed zencart and also with portuguese language pack. Could I install Dover Fine without loose the portuguese language or must I do anything else?
Thank you.

---

As with any template package, if you want to use the template in a language other than english you need to copy the files in the template languages directory to your new language and then translate them.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

As with any template package, if you want to use the template in a language other than english you need to copy the files in the template languages directory to your new language and then translate them.

Thanks,

Anne

---

Hello Anne.
Thank you for your help. I dont really know if I can, but I will try to do it.
Many thanks and sorry to take your time.
Regards.
Vice
www.mvice.net

PS. Just a little (big) thing, your templates are wonderfull.

Quote:

---

Originally Posted by simon1066

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:

Code:

---

<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.

Hmph, seems I found another problem. When trying to navigate on my iPhone 5 the screen behaves badly - as in instead of scrolling to allow selection of menu items, it just clears and goes back to the home page at the moment when the browser bar at the top and the browser options bar at the bottom clear.

I tested this on the simulator and it worked fine - just does it on the actual phone. Any ideas?

Quote:

---

Originally Posted by picaflor-azul

What specifically are you trying to change?

Thanks,

Anne

---

Quote:

---

There are a few stylesheets in the css folder. This is why using the web developer tools is a must. They will tell you the exact line of the file that needs to be edited. Most will be in the stylesheet.css file, but since there are a few stylesheets used in the template it is safer to use the web developer tools to find exactly what needs to be changed ;)

Thanks,

Anne

---

Quote:

---

I think that what you want to do is lessen or remove the padding-top and padding-bottom on the various elements in the left hand column. I would recommend using firefox or chrome and the web developer tools to isolate the exact lines of the files that need to be changes.

Thanks,

Anne

---

I am using chrome's 'Inspect element' but I have no idea how to find the padding element to change and how to find the script it is in.

andy

Quote:

---

Originally Posted by adb34

I am using chrome's 'Inspect element' but I have no idea how to find the padding element to change and how to find the script it is in.

andy

---

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

Thanks,

Anne

Quote:

---

Originally Posted by batracy

Hmph, seems I found another problem. When trying to navigate on my iPhone 5 the screen behaves badly - as in instead of scrolling to allow selection of menu items, it just clears and goes back to the home page at the moment when the browser bar at the top and the browser options bar at the bottom clear.

I tested this on the simulator and it worked fine - just does it on the actual phone. Any ideas?

---

Anne, anybody? Could really use some help on this one. Thanks.

Quote:

---

Originally Posted by picaflor-azul

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

Thanks,

Anne

---

I have found a video on you-tube that explains how to use 'inspect element'. All I need to do now is work out which css the tool kit is showing me and I should be there. Fingers crossed

andy

I have problems with the banners when loaded in smaller screen devices they look squished and squashed, depending on the way you render them, for example the width with min-width set to auto, they still look bad, I know if the images don't have a width and height will be naturally flowed by the browser. I also know the Admin controls size and in the code, it will pass width and height for the banners, so do you know any solution other than rewriting the core, to display those images nicely in all devices, in css you can exchange images based on media queries but I don't know if Zen Cart allows you to do that, my images are loaded directly into the database, and I have a CRON job that uploads and updates everything, twice a day, except for the banners that are on the proper subdirectory ... But I am not sure if adding different versions can be called in Zen Cart ... You can take a look at my site on my signature is a live store ...

I am having trouble with display of ezpages table of contents. The prev and next buttons aren't working properly. the table of contents only lists one page but there are two and the prev continue and next buttons overlap the table of contents box.


http://s a n d s t o n e h i l l s p o t t e r y.com/products_shpw/index.php?main_page=page&id=1&chapter=1

Hi Anne,

I have a 1.5.3 Zencart and have customised the Dover fine a reasonable amount, as in, I have switched off the slideshow (need to put text onto the homepage) and fiddled with the css to get what I need.

I noticed that my bounce rate was a bit high and finally tracked it down to my product images showing above the Flyout menu during navigation, this is not the case with the sub and sub-sub categories who all behave fine.

I have image handler 4 installed

I am reasonably sure that I have to adjust the " z-index " to marry with image handler but I am not having much success here . . .:unsure::unsure::unsure:

Do you have any of your magic advice to throw my way ?

Andy

Quote:

---

Originally Posted by AndyJordaan

Hi Anne,

I have a 1.5.3 Zencart and have customised the Dover fine a reasonable amount, as in, I have switched off the slideshow (need to put text onto the homepage) and fiddled with the css to get what I need.

I noticed that my bounce rate was a bit high and finally tracked it down to my product images showing above the Flyout menu during navigation, this is not the case with the sub and sub-sub categories who all behave fine.

I have image handler 4 installed

I am reasonably sure that I have to adjust the " z-index " to marry with image handler but I am not having much success here . . .:unsure::unsure::unsure:

Do you have any of your magic advice to throw my way ?

Andy

---

If you post a link to the page with the problem I can take a look.

Thanks,

Anne

Quote:

---

Originally Posted by batracy

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:

Code:

---

<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.

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. .:laugh:

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

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

Attachment 14686

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.

Quote:

---

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

Changing it to

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

Seems to work

Quote:

---

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

Attachment 14686

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

Now I think a bit more on it, of course you're right. I find it so easy to get caught out by layout issues when designing on a desktop and juggling the mobile, tablet and default stylesheets. I'll try to bear this in mind.