I love this template.... I have just seen it and quickly installed it as per instructions.
Initially (as expected) my set right columns where showing. I have turne ALL right box's off byt am now left with this blue'ish colum that runs down the right hand side from top to bottom. As if it it is awaiting box's.
All is set to single colum and NO right box's are activated... Any help?
Also just a quick one.... on the home page I see there are 5 large images... can these be edited? Stupid to ask I know but I'm just leaving to go out but want to play :-((
Thanks
Glyn
This information is in the install.txt file. The first is:
===============================
5. Recommended Admin Settings:
===============================
**Please note that this template was designed to look best when the ezpages in header and category tabs in header are turned off**
To make your site look like the demo:
A. In your Zen Cart admin:
Go to "Configuration" then "Product Listing"
Copy the values from:
http://www.picaflor-azul.com/free-demos/images/andover_modern/product_listing.png
B. In your Zen Cart admin:
Go to "Configuration" then "Layout Settings"
Copy the values from:
http://www.picaflor-azul.com/free-demos/images/andover_modern/layout_settings.png
The second is:
=======================================
8. Customizing the home page slideshow:
=======================================
A. Create your images for the slideshow. The demo slideshow image dimensions are 700 pixels by 250 pixels. You can use any size image that you like, but if your images are not 700 x 250, you will have to edit the css file (see instructions below). It will look best if all images are the same height and width. The default slide show is set for 5 images, but you can have more or less.
B. Upload your images to the /includes/templates/andover_modern/images folder.
C. Add the images to the slide show.
In your Zen Cart admin:
Go to "Tools" then "Define Pages Editor"
Select define_main_page.php from the drop down menu. Make sure that the Text Editor drop down is set to "Plain Text".
You will see:
define(IMAGE1,'slide1.jpg');// default width 700px height 250px /
define(IMAGE2,'slide2.jpg');
define(IMAGE3,'slide3.jpg');
define(IMAGE4,'slide4.jpg');
define(IMAGE5,'slide5.jpg');
Replace slide1.jpg, etc. with the name of your image(s).
----------------------------------------------------------
Instructions for using images that are not 700 x 250pixels.
-------------------------------
Follow instructions A., B., and C. above.
Go to:
includes/templates/andover_modern/css/stylesheet.css
Find line 218 and change the width and height to your needs.
Line 220 will change the position of the slider buttons if you need to do this.
----------------------------------------------------------
D. Add the link urls to the images.
In your Zen Cart admin:
Go to "Tools" then "Define Pages Editor"
Select define_main_page.php from the drop down menu. Make sure that the Text Editor drop down is set to "Plain Text".
You will see:
define(URL1,'http://www.picaflor-azul.com');
define(URL2,'http://www.picaflor-azul.com');
define(URL3,'http://www.picaflor-azul.com');
define(URL4,'http://www.picaflor-azul.com');
define(URL5,'http://www.picaflor-azul.com');
Replace http://www.example.com with your link url.
----------------------------------------------------------
Instructions for using more or less than 5 images
--------------------------
In your Zen Cart admin:
Go to "Tools" then "Define Pages Editor"
Select define_main_page.php from the drop down menu. Make sure that the Text Editor drop down is set to "Plain Text".
You will see:
<div id="slider">
<ul>
<li><a href="<?php echo URL1 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE1 ?>" alt="first slide image" /></a></li>
<li><a href="<?php echo URL2 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE2 ?>" alt="second slide image" /></a></li>
<li><a href="<?php echo URL3 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE3 ?>" alt="third slide image" /></a></li>
<li><a href="<?php echo URL4 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE4 ?>" alt="fourth slide image" /></a></li>
<li><a href="<?php echo URL5 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE5 ?>" alt="fifth slide image" /></a></li>
</ul>
</div>
For less images, remove code from <li> to </li>. You want the number of <li> to equal the number of images you have. So if you have 3 images, you will remove 2 <li> to </li>.
For more images, add on a new <li> using the next number in sequence, for example image 6 would be:
<li><a href="<?php echo URL6 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE6 ?>" alt="sixth slide image" /></a></li>
Then add a line to define code above:
define(IMAGE6,'slide6.jpg');
and:
define(URL6,'http://www.picaflor-azul.com');
Do this for each additional image you want.
Then go to:
includes/templates/andover_modern/css/stylesheet.css
line 220 and adjust the width so that all of the ol's show on one line.
----------------------------------------------------------
