April 2017
SunMonTueWedThuFriSat
      1
2345678
9101112131415
16171819202122
23242526272829
30      

Calendar Calendar

Latest topics
» Kabaddi, Kabaddi, Kabaddi, Kabaddi......PHP?
Fri Jul 22, 2011 1:37 pm by shyamsunder

» Thousands of Free PHP Scripts Recommended
Wed May 18, 2011 10:33 am by bizboy12

» PHP form validation problem?
Wed Jan 12, 2011 1:25 pm by simy202

» string wrap
Sat Aug 02, 2008 2:06 pm by scvinodkumar

» retrieving current date rows
Tue Jul 15, 2008 3:25 am by scvinodkumar

» number in words
Tue Apr 29, 2008 3:10 pm by scvinodkumar

» Simple PHP Form Field Generator
Fri Apr 25, 2008 12:28 pm by scvinodkumar

» PHP password generator
Fri Apr 18, 2008 7:24 pm by scvinodkumar

» PHP Script to Extract Email Address from any text
Fri Apr 18, 2008 7:18 pm by scvinodkumar

Search
 
 

Display results as :
 


Rechercher Advanced Search

Affiliates
free forum
 


Navigation
 Portal
 Index
 Memberlist
 Profile
 FAQ
 Search

How do I change "Powered by Zen Cart" and add/position a new logo?

View previous topic View next topic Go down

How do I change "Powered by Zen Cart" and add/position a new logo?

Post  scvinodkumar on Fri Apr 04, 2008 9:59 pm

By default Zen Cart uses logo.gif for the name of this image, but you can use you own filename for the logo.

Using an image editor, create your new logo and save it to includes/templates/CUSTOM/images/your_image_name.??? and upload it to your server.

After creating your logo you can adjust the height, width and logo name in includes/languages/ENGLISH/header.php

define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
define('HEADER_LOGO_WIDTH', '192px');
define('HEADER_LOGO_HEIGHT', '64px');
define('HEADER_LOGO_IMAGE', 'logo.gif');
Make the needed changes reflecting the name of your site, and the width, height and filename of your logo.

save the file to includes/languages/ENGLISH/CUSTOM/header.php and upload it to your server.


By default, the logo is left aligned. Changing the alignment involves making a modification to your includes/templates/CUSTOM/css/stylesheet.css. Open the file and find the following:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}

Since this is a collection of several “selectors” (#logo, .centerBoxContents, etc) and in order not to interfere with the layout of other sections, split this into two separate statements and create a new selector/definition below it, like this:

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}

#logo {float: left;}

To center the logo use text-align: center; or to align it to the right use float: right;

Make the needed changes, save the file to includes/templates/CUSTOM/css/stylesheet.css and upload to your server.

scvinodkumar
Admin

Posts : 40
Join date : 2008-01-30

View user profile http://solutions.aforumfree.com

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum