X-Cart forums - How to Change the Store Logo

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - How to Change the Store Logo (https://forum.x-cart.com/showthread.php?t=62548)

How to Change the Store Logo

Hello-

I feel like this should be basic, but I am having a very hard time with this. I am using this information from the manual:

-----

To replace the logo:

If the filename of your company logo is different to the filename of the default logo.
Log in to the Admin area and go to the Edit templates section (Administration menu -> Edit templates).
Use the Browse templates form to locate the folder where you want to keep the file with logo. It can be either the directory with the default logo file (see the table) or any other location inside the images/ directory.
After you choose where to keep your company logo, find section Upload file to the current directory at the bottom of the form and click the Browse button to open a file upload dialog window.
Locate the image file with your company logo and choose it for the upload.
Click the Upload button to upload the file to the current directory.
Click on the Edit templates breadcrumbs link at the top of the page to go back to the root skin directory skin1/.
In the Browse templates form go to the folder customer and click on the head.tpl link to open the respective file for editing.
In the Edit file form, find the following code:
<div class="logo">
<a href="{$catalogs.customer}/home.php">
<img src="{$ImagesDir}LOGO_PATH_AND_FILENAME" alt="" />
</a>
</div>
and replace the LOGO_PATH_AND_FILENAME part with the the relative path to the directory where your company logo is located and the logo filename. For example, if the image file with the logo is located in the directory <xcart_dir>/skin1/images/custom and its name is custom_logo.gif, the LOGO_PATH_AND_FILENAME part must be replaced with /custom/custom_logo.gif.
Click the Save button for the changes to take effect.

---

My logo is called "logo.jpg"

I uploaded it to skin/fashion_mosaic_grey/images/custom
AND
to skin/common_files/images

I edited the file "head.tpl" located at

skin/fashion_mosaic_grey/head.tpl
AND
skin/common_files/customer/head.tpl

I changed <img src="{$ImagesDir}LOGO_PATH_AND_FILENAME" alt="" />

to <img src="{$ImagesDir}/custom/logo.jpg"> in the fashion_mosaic_grey folder
AND
to <img src="[$ImagesDir}/logo.jpg"> common_files folder.

However the image doesn't change. I still have the stock x-Cart image. Can someone tell me what I'm doing wrong? I'm ready to pull my hair out!

Thank you!
Marcy

Re: How to Change the Store Logo

Type www.yourdomain.com/cleanup.php into your browser. This will clear the cache and when you refresh the page any changes will be displayed.

Re: How to Change the Store Logo

Quote:

Originally Posted by JWait

Type www.yourdomain.com/cleanup.php into your browser. This will clear the cache and when you refresh the page any changes will be displayed.

I had cleaned the cache but I tried this as well.

It's still displaying the stock generic logo.

-Marcy

Re: How to Change the Store Logo

Also...
<img src="{$ImagesDir}/custom/logo.jpg"> in the fashion_mosaic_grey folder should be
<img src="{$AltImagesDir}/fashion_mosaic_grey/custom/logo.jpg">.

Since you have already defined your skin any files in the common_files directory that are also in the (fashion_mosaic_grey) skin directory are no longer used.

Also be aware that the One Page Checkout and Fast Lane Checkout use different headers so you will need to change whichever one you use as well.
<img src="[$ImagesDir}/logo.jpg"> common_files folder.

Re: How to Change the Store Logo

Oh, and you will probably need to adjust the size in your fashion_mosaic_grey altskin.css. It should be under #header .logo

Re: How to Change the Store Logo

Quote:

Originally Posted by JWait

Also...
<img src="{$ImagesDir}/custom/logo.jpg"> in the fashion_mosaic_grey folder should be
<img src="{$AltImagesDir}/fashion_mosaic_grey/custom/logo.jpg">.

I changed this but the stock logo is sill showing. I used the cleanup.php URL shown above and a forced refresh.

Re: How to Change the Store Logo

Can you PM me a link to your store?

Re: How to Change the Store Logo

Your source says it is pulling the image from
<img src="/skin/common_files/images/fashion_mosaic_grey/custom/logo.jpg">
when it should be
<img src="/skin/fashion_mosaic_grey/images/custom/logo.jpg">

Do you have a "fashion_mosaic_grey" folder inside your "common_files" folder?

Re: How to Change the Store Logo

Quote:

Originally Posted by JWait

No I don't. But I added the fashion_mosaic_grey folder in based on advice above.

I'm editing the file at /skin/fashion_mosaic_grey/customer/head.tpl.

This is what I have:

<img src="{$ImagesDir}/fashion_mosaic_grey/custom/logo.jpg" alt="" />

I suppose this means ha [$ImagesDir} is pointing to the image directory in the common_files area not in the specific fashion_mosaic_grey area.

Addendum: I updated so that there is a file at the location pointed to. In the source it says it is pulling the image from "<img src="/skin/common_files/images/custom/logo.jpg"> and I do have the correct image there. But it isn't displaying the custom image. :-/

Re: How to Change the Store Logo

Try <img src="{$AltImagesDir}/fashion_mosaic_grey/custom/logo.jpg" alt="" />.

Re: How to Change the Store Logo

and if that doesn't work try <img src="{$AltImagesDir}/custom/logo.jpg" alt="" />

Re: How to Change the Store Logo

Quote:

Originally Posted by JWait

and if that doesn't work try <img src="{$AltImagesDir}/custom/logo.jpg" alt="" />

I tried this and the link is correct, i.e. the image is supposedly being pulled from /skin/fashion_mosaic_grey/images/custom/logo.jpg which is where I have my logo.

However the stock logo still displays. I even downloaded the file I have there to make sure I didn't accidentally put the stock there, although I was sure I didn't as the stock is a .gif.

Thank you so much for helping. I was going crazy trying to figure this out myself.

Re: How to Change the Store Logo

Ok, I found the problem. The image being displayed is company_logo.gif and is called from the altskin.css in the fashion_mosaic_gray/css folder.

Code:

#header .line1 .logo a:link,

#header .line1 .logo a:visited,

#header .line1 .logo a:hover,

#header .line1 .logo a:active

{

  display: block;

  width: 228px;

  height: 50px;

  background: transparent url(../images/fashion_mosaic/company_logo.gif) no-repeat left top;

}

Try changing it there.

Re: How to Change the Store Logo

Thank you so much! I have to leave for work now, but will try it when I get home.

You are way more helpful than the official [useless] manual and the company.

-Marcy

Re: How to Change the Store Logo

Let me know how it turns out.. and anything else you need help with.

Re: How to Change the Store Logo

Quote:

Originally Posted by JWait

Ok, I found the problem. The image being displayed is company_logo.gif and is called from the altskin.css in the fashion_mosaic_gray/css folder.

Code:

#header .line1 .logo a:link,

#header .line1 .logo a:visited,

#header .line1 .logo a:hover,

#header .line1 .logo a:active

{

  display: block;

  width: 228px;

  height: 50px;

  background: transparent url(../images/fashion_mosaic/company_logo.gif) no-repeat left top;

}

Try changing it there.

That did it!!! Thank you so much.

May I ask did you just search that out yourself or was it in the documentation somewhere? Because I followed the instructions in the laughingly entitled "instruction manual" and they told me to do something totally different!

Re: How to Change the Store Logo

It dawned on me that the image displayed was not x-logo.gif so I looked at the images and figured out it was company_logo.gif. From there I figured that since the image wasn't being pulled from head.tpl the only other place it could come from is a stylesheet so I just opened the altskin. css and searched for company_logo.gif.

The manual is pretty good for how x-cart works but is pretty useless for changing code.

Re: How to Change the Store Logo

If you are going to be making updates to the skin of your x-cart installation, it is best to become familiar with the Webmaster Mode tool and Firebug. Using these two takes much of the guess work out of making updates.

---

Re: How to Change the Store Logo

Quote:

Originally Posted by gb2world

I have installed Firebug. I am very familiar with HTML and css but am having a heck of a time with locations, i.e. finding where the css is stored so I can edit it.

Firebug keeps telling me the css file is at /var/cache/_78b587dcf34f7845d7c396b99838d30c.css

This can't be correct, can it? There actuall is a css file with that name there, but I can't believe that's where the permanent info is stored.

Thanks,
Marcy

Re: How to Change the Store Logo

While debugging CSS and/or javascript (while you are in pre-production), make sure you disable the "Use speed-up tools" in general settings, then you can see the uncached css files using Firefox + Firebug. These tools will tell you exactly what css is being applied to the page. When you are done debugging, you can turn the speed up tools back on.

---

Re: How to Change the Store Logo

Quote:

Originally Posted by gb2world

Thank you so much. You have saved my sanity. While I have worked extensively with php/css/html it has always been on sites I wrote. I've never had the problem where I couldn't find what I needed to change.

I'm amazed by the how many different places I have to change to modify my skin. I somehow though they would be more centralized. But at least I can now find everything.

-Marcy

Re: How to Change the Store Logo

This post saved me a ton of stress. Thanks so much. :)