Forums / Templates, Stylesheets, Page Layout / How to upload revised template?

How to upload revised template?

Results 1 to 18 of 18
16 Feb 2011, 19:45
#1
lilkanini avatar

lilkanini

New Zenner

Join Date:
Feb 2011
Posts:
35
Plugin Contributions:
0

How to upload revised template?

Somebody answered this for me but it was too vague for a newbie.

So I have made changes using Photoshop to my template (which I purchased from Algozone) for my Zencart.

I now want to upload it so it shows up on my site.

How? Using Filezilla EXACTLY what file do I choose and EXACTLY where do I drag this file?

Also, does my template need to be and Override file? Still trying to figure out overrides.

Thank you so much! :smile:
16 Feb 2011, 20:33
#2
donal avatar

donal

Zen Follower

Join Date:
Jan 2009
Posts:
442
Plugin Contributions:
0

Re: How to upload revised template?

Hi
without rewriting the whole overides system explanation...
The general rule is to keep to the folder structure your template came with, that way if you get something wrong the worst you can do is upset your template.
so if you have been editing an image look at where it came from

eg includes>templates>your template name>images> the image you edited this is where you put your edited version

so in your ftp (filezilla or whatever)
on the screen that shows the files on your sever:
open public html
open includes
open templates
open your template name
open images

then on the other screen showing your pc navagate to the folder with your new image
then drag the new image across to the server screen

if your new image has the same name as the original one it will overwrite it (delete it!!) and replace the original on your site

:dontgetit

was that any help?
16 Feb 2011, 20:50
#3
lilkanini avatar

lilkanini

New Zenner

Join Date:
Feb 2011
Posts:
35
Plugin Contributions:
0

Re: How to upload revised template?

Yes, thank you....I will try that in a bit and get back to you....
16 Feb 2011, 21:20
#4
lilkanini avatar

lilkanini

New Zenner

Join Date:
Feb 2011
Posts:
35
Plugin Contributions:
0

Re: How to upload revised template?

Donal,

Thanks for your patience!

I'm not sure if I am even editing the template in the correct place.

Here are the steps I took to edit the template I purchased.

1. Click on Zencart Template
2. Click on Graphic Source
3. Click on the photshop file which contains the template
4. Make change is photoshop

5. Now I want to upload, but the directions you gave me direct me to the "template-source" (rather than the "graphic-source"), which is where I am confused because there is no photoshop file to edit from in the Graphic Source.

Am I editing from the wrong spot?
16 Feb 2011, 21:33
#5
donal avatar

donal

Zen Follower

Join Date:
Jan 2009
Posts:
442
Plugin Contributions:
0

Re: How to upload revised template?

what is the folder structure of the template?
ie which folder is inside which?
16 Feb 2011, 21:38
#6
lilkanini avatar

lilkanini

New Zenner

Join Date:
Feb 2011
Posts:
35
Plugin Contributions:
0

Re: How to upload revised template?

The graphics source file contains:

1. Photoshop filen(with the name of the template from Algozone)
2. Template_select.php

The template source file contains:

1. Admin
2. Includes (when I drill down on includes I get classes, language, modules, templates, etc.)
3. js
16 Feb 2011, 22:40
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: How to upload revised template?

You can't upload a Photoshop (.psd) file directly. You need to save the file from Photoshop, probably as a jpg or png or gif, copy it into the template /includes/templates/your_template/images/ folder. Then take that file and copy/upload it as directed by Donal.
17 Feb 2011, 00:00
#8
lilkanini avatar

lilkanini

New Zenner

Join Date:
Feb 2011
Posts:
35
Plugin Contributions:
0

Re: How to upload revised template?

Thank you!

I did exactly what you said, but I did rename the file.

I dragged the image (my new file) over to the image folder on my server.

I still see the original image. Should I rename it the same as the original image?
17 Feb 2011, 00:27
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: How to upload revised template?

You either need to rename the new file to the original image name, or change the code that refers to the image.
17 Feb 2011, 01:12
#10
lilkanini avatar

lilkanini

New Zenner

Join Date:
Feb 2011
Posts:
35
Plugin Contributions:
0

Re: How to upload revised template?

One step closer.....I changed the name to the original name and dragged it to the image file. When I checked (within Zencart Admin) the "preview" I see my revised image...but when I click on "online catalog" I still see the old image....and I did refresh my screen and checked from another computer...??
17 Feb 2011, 02:04
#11
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: How to upload revised template?

Did you click "update" after the preview?

What image is it that you are replacing? Where in admin are you "previewing"?
17 Feb 2011, 02:22
#12
lilkanini avatar

lilkanini

New Zenner

Join Date:
Feb 2011
Posts:
35
Plugin Contributions:
0

Re: How to upload revised template?

Yes, I clicked UPDATE.

I am replacing the pic1.gif file which is the file I revised.

I am previewing the file from Tools<template selection then the box on the right that says "update"
17 Feb 2011, 03:25
#13
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: How to upload revised template?

It sounds like you are updating the template preview image, not actual template files. Can we see your site to know what part of the template you are trying to change? Editing one overall "page view" image is going to do nothing for you. You need to identify which "slice" of the overall, or however the images are organized, that you want to edit.
17 Feb 2011, 04:22
#14
lilkanini avatar

lilkanini

New Zenner

Join Date:
Feb 2011
Posts:
35
Plugin Contributions:
0

Re: How to upload revised template?

Sure, there are a few "place" where I want to edit but until I get the hang of it I am trying to change the name of the store. The template I purchased has the name "flower shop" at the top right...I want to edit that to say "Bonsai Elegance". Later I will edit some more things but I can't even get past this step! www.bonsaielegance.com

thank you!
17 Feb 2011, 05:34
#15
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: How to upload revised template?

The Flower Shop logo image is az_header_logo.jpg. The header of that template is built in an antiquated method, with a whole bunch of table cells that have bits of the header image loaded into each one. You will need to modify or replace the whole header image, so the best thing will be to (when you are ready) delete all of those little images like az_header_left_2.jpg and az_header_right_1.jpg, make sure the table cells are transparent, editing them in tpl_header.php to remove hard-coded images, and put the whole new header image as a background for the whole header:

.topbanner_tb {background: url(../images/your_header_bg.jpg) no-repeat;}
17 Feb 2011, 05:58
#16
lilkanini avatar

lilkanini

New Zenner

Join Date:
Feb 2011
Posts:
35
Plugin Contributions:
0

Re: How to upload revised template?

I have a follow up question...so when I change the name from 'flower shop' to my store name (using Photoshop), do I just drag the az_header_logo.jpg over to my server for the change will be apparent on my site?
17 Feb 2011, 08:05
#17
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: How to upload revised template?

That should work.
17 Feb 2011, 15:50
#18
lilkanini avatar

lilkanini

New Zenner

Join Date:
Feb 2011
Posts:
35
Plugin Contributions:
0

Re: How to upload revised template?

Thank you so much for all your help. That worked. Still have a long way to go, but for anyone reading this using an AlgoZone template, go to their site as there is a handy video tutorial that explains exactly what was explained here - but is tailored to their templates. Thanks again.