Andover Modern Template Support Thread

Hi,

I really like this template,but there is only one thing I am missing :blush:
Is it possible to add a right column to have a 3 column template instead of 2?

Or is this impossible?

Thanks

Richard

Hi,

I really like this template,but there is only one thing I am missing
Is it possible to add a right column to have a 3 column template instead of 2?

Or is this impossible?

Thanks

Richard

The template has been designed as a 2 column design, using the right hand column and center column. It is no problem to add the right hand column. You just have to add the styles for the right hand column into the stylesheet. You will also want to adjust the width of the slideshow down to accomodate the right hand column.

I may add these in a future update.

Thanks,

Anne

picaflor-azul:

The template has been designed as a 2 column design, using the right hand column and center column. It is no problem to add the right hand column. You just have to add the styles for the right hand column into the stylesheet. You will also want to adjust the width of the slideshow down to accomodate the right hand column.

I may add these in a future update.

Thanks,

Anne

Hi Anne,

Thanks for your reply.

I just went for another template from you : all_business.

Just posted a question in the all-business template thread

Richard

Hey Anne,

I created another social networking icon at the bottom of the page (Linked In), using the same format you used to add the Facebook and Twitter links. For some reason, though, the spacing between them is different (?????). You can take a look at what I mean by going to my site. I'm not sure if this is a CSS issue, or something I'm missing completely... Any thoughts?

Andy

I love this template and all the possibilities!
But, I'm having a problem
When I open my home page, initially all the products under "New Products for February" have functioning, visible "product details" buttons.
If I refresh or reload the page, all the "product details" buttons have broken images.
If I go to another page, for example "Celtic", all the products at the bottom under " New Products for February" have broken "product details" button images. Clicking the broken image takes me where it's supposed to, so it's "working" just not displaying properly.
Go to another page, and anywhere the "product details" button is supposed to be, it shows a broken button.
I initially thought this was a Chrome issue. Cleared out the cache, restarted. Buttons only show properly once, then appear broken after that.
The fact that they show up once and then disappear when being recalled makes me think it might be a cache problem, but I'm not sure that is correct.
So I tried on IE8. Same thing, broken button images.
I used Google Chrome to "inspect the image" once when I actually caught it working, and once when they were not.

The functioning buttons read like this : <img src="includes/templates/andover_modern/images/details.gif" alt="" width="140" height="21">

The malfunctioning ones after being viewed once show this :
<img src="data:image/png;base64,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" alt="" width="140" height="21">

I also get a few more "warnings:
Optimize the order of styles and scripts (1)
The following external CSS files were included after an external JavaScript file in the document head. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.
1 inline script block was found in the head between an external CSS file and another resource. To allow parallel downloading, move the inline script before the external CSS file, or after the next resource.

Put CSS in the document head (1)
CSS in the document body adversely impacts rendering performance.
Link node atd.css should be moved to the document head in my site.

Remove unused CSS rules (168)
11.75KB (55%) of CSS is not used by the current page.
stylesheet.css: 8.08KB (57%) is not used by the current page.
stylesheet_css_buttons.css: 932B (100%) is not used by the current page.
stylesheet_footer_menu.css: 88B (8%) is not used by the current page.
atd.css: 2.67KB (79%) is not used by the current page.

If someone tells me which file and what to correct I am VERY comfortable doing so. That long a** line that google shows when image is broken has me in unknown territory ! LOL

Heres a link to my site
Could you possibly take a look and maybe see what the issue is ?

Thanks in advance,
Bewitching

**
Running Zen Cart 1.3.9h Fresh install
Template: Andover Modern
Add on's:
self installed mod: product sort drop-down
apsona-shopadmin
SMS on sale
Sitemap XML
Tiny MCE**

I tried to go back & put the broken button stuff in a "code" tag, but I took too long & they wouldn't let me, sorry.

Here's a screen shot of the buttons working :

And when they aren't :

Bewitching--That is really strange. Make sure that your buttons are uploaded to the correct place:

includes/templates/andover_modern/buttons/english

Thanks,

Anne

Hey Anne,

I created another social networking icon at the bottom of the page (Linked In), using the same format you used to add the Facebook and Twitter links. For some reason, though, the spacing between them is different (?????). You can take a look at what I mean by going to my site. I'm not sure if this is a CSS issue, or something I'm missing completely... Any thoughts?

Andy

replace:

.twitter-image {margin-right:10px;}

with:

.twitter-image, .facebook-image {margin-right:10px;}

Thanks,

Anne

picaflor-azul:

Bewitching--That is really strange. Make sure that your buttons are uploaded to the correct place:

includes/templates/andover_modern/buttons/english

All the OTHER buttons are in the folder mentioned. This one is in that folder: "button_goto_prod_details"
The details button named "details" is in includes\templates\andover_modern\images
as it is in the install file andover_modern_1-1

Google is looking at it here: <img src="includes/templates/andover_modern/images/details.gif" alt="" width="140" height="21">

I'll move it in with the other buttons and see what happens .

Bewitching--no that button should be in:

includes/templates/andover_modern/images/details.gif

Thanks,

Anne

I left it where it was. Just cannot figure out why it only show the first time it is called. Why is the details button the only button in that folder, (the images folder) and all the other buttons are in the button folder?

I left it where it was. Just cannot figure out why it only show the first time it is called. Why is the details button the only button in that folder, (the images folder) and all the other buttons are in the button folder?

Since I am not the author of that mod you would have to ask the author.

Actually, the buttons on the product info are behaving the same way.

Since no one else has ever reported this problem, it must be a problem with your server, or with some modification that you have made to the cart.

Turn on the classic template so I can take a look...

Thanks,

Anne

Bewitching--what mods do you have installed?

Thanks,

Anne

Icky (LOL) green template now on.

Icky (LOL) green template now on.

O.k., thank you ;-)

What mods do you have installed?

Thanks,

Anne

Running Zen Cart 1.3.9h Fresh install
Template: Andover Modern
Add on's:
self installed mod: product sort drop-down
apsona-shopadmin
SMS on sale
Sitemap XML
Tiny MCE

Bewitching--are you running some sort of pagev speed mod?

Who is your web host?

Thanks,

Anne

Ahhhh I am running PHP 5.3 Fast CGI
Ya know I had an issue on a open cart site of mine when I had it set to fastCGI. Shoulda thought of that myself :bangin:
I'll switch it over to PHP 5.3 CGI and see what happens

:oops:
I found it.
I was running, thru my domain host, a Google page speed optimization program/script. It adjusts you setting for you to supposedly optimize your page load times.
All is good now. :clap:

Google "screw my page up" optimization is off.
Fast CGI is on and all is well.

Thank you so much for pointing me in the right direction !
:hug:

Hey Anne,

I added an image into the bottom right of the bottom menu, and am having an issue getting it centered, right now it's up against the left border. Here's the CSS for the entire bottom menu, so you can see what changes I've made, and maybe give some feedback to what I should do. Note, I added my image code into a <dd> container like you did for the other three sections of the footer menu, and gave it a class of "fourth".

#footer {clear:both;margin:0;background-color:#3e4147;margin-top:0px;padding-top:10px;margin-bottom:30px;}
#footer a:hover{color:#dfba68;}
#navSuppWrapper {margin: 10px 5px 0;padding: 0;background:none;font-weight: bold;}	
#navSuppWrapper a{color:#fffede;font-weight:normal;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*Adjust the height and width of the menu*/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li a {margin:0;padding-left:2em;display:block;}
/*dd li a:hover{background:#dfba69;color:#444;}*/
.menuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:1.1em;color:#dfba68;}
.first, .second, .third {border-right:1px solid #fffedf;}
.fourth {margin-right: 10px; }
#siteinfoLegal {padding: .5em 0 0;font-size: 0.9em;/*text-align:right;*/width:100%;line-height:normal;clear:both;color:#fffede;margin-left:20px;float:left;margin-top:-40px;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #fffede;font-weight:bold;white-space: nowrap;}
#siteinfoLegal a:hover {color: #dfba68;}
.twitter-image,.facebook-image {margin-right:10px;}
#social-media {float:right;margin-right:10px;margin-top:-40px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}

Right now I have it set as margin-right: 10px, but I've had it as margin-left: auto; margin-right: auto; which should have centered it, right? I get a little confused when all the CSS starts working together :O

Thanks,

Andy