Adding Custome Header HTML To X-Cart
 

Hey guys. I emailed x-cart support prior to me purchasing x-cart and they said it was very easy to do the following. I went through the forum and couldn't really find many articles on how to add your own header.

Basically I want to add a html header to all pages of x-cart.

the html I want is this. http://www.dealpedia.com/header/header.html

Basically I would like it to look like this:

http://www.dealpedia.com/header/layout.jpg

Thanks guys. Im sure this isn't too hard to do. I just have to start somewhere !

Re: Adding Custome Header HTML To X-Cart
 

Start here:

http://forum.x-cart.com/showthread.php?t=21529

Re: Adding Custome Header HTML To X-Cart
 

Hey balinor. Is what i want to do possible? Is it easy to do?

Re: Adding Custome Header HTML To X-Cart
 

It is definitely possible, you can make the whole store custom if you want...that is what we do all the time :) Read that link I posted, it will walk you through the basics of editing templates.

Re: Adding Custome Header HTML To X-Cart
 

Ok. Would I need to edit several templates to do what I want to do? Or would it be just 1 or two?

Re: Adding Custome Header HTML To X-Cart
 

You really need to read that thread :)

Re: Adding Custome Header HTML To X-Cart
 

This is sort of frusterating. I've looked through all the templates and I haven't been able to figure out what needs to be changed. I would have thought it would have been a bit easier-Jeff

Re: Adding Custome Header HTML To X-Cart
 

Yes, it is not a point and click exercise..you need to know html, css and eventually Smarty.

Re: Adding Custome Header HTML To X-Cart
 

Jeff,

Do you have html editing skills?

If you can edit html, you can learn how to do this.

If you do not have html editing skills, you will need someone with html skills to do this for you.

Padraic pointed you in the right direction. You will use "webmaster mode" to determine the exact template file that has the header. You will examine the file that has the header contents, and replace it with your content. You will need to respect the tables and CSS. You will need to respect the smarty includes.

If you read the thread Padraic suggested, it will all be clear... that is, if you know html.

If you are not proficient in html, this will be Greek (or pick the language that you don't know) to you. You will not be able to do this using a visual editor (dreamweaver) -- except dreamweaver can help you with nested tables -- but the guts of xcart, the smarty includes and associated code, is something that you must learn, or have someone else do it.

You don't have to know php. You need to be able to get around an html page and respect the smarty code.

Unfortunately, it's not point and click -- but then, there's nothing out there that is (with this kind of power or flexibility).

Good luck.

Re: Adding Custome Header HTML To X-Cart
 

Hey guys.. I did exactly what you told me to do and it appears to be working. Im just worried that I took the easy way out. I opened up WEBMASTER mode and just opened the templates of what I wanted removed and just deleted the entire thing. I deleted everything in head.tpl and copied my own head. I deleted everything in the searchbar.tpl and also the template from the tabs on the top left.

what I did is working but im worried something was left out.

http://www.dealpedia.com

Re: Adding Custome Header HTML To X-Cart
 

Well, you didn't do what we told you to do. You didn't respect the smarty, now you have a bucnh of static links that don't do anything.

Restore your original files. Now, instaed of REPLACING the code, find the code that represents the graphic elements, and replace just the images. You will have to navigate through nested tables. This is where an html editor such as dreamweaver can asist you.

For the "speedbar", your tabs don't have any visual indication of hover or active. This breaks just about every human interface guideline. You may want to consider a CSS solution for this. PhilJ has a very elegant piece of code he used to call "Advanced Speedbar - now it's called "X-Cart Ultimate Speedbar Menu"

http://www.xcartmods.co.uk/#m10

You are going to have to follow the instructions Padraic outlined in a previous post -- you WILL have to learn how to not step on the Samrty code. Slow down a bit -- you may know lots about html... but you have to learn a bit about x-cart if you are to make this work for you. Anyone who can write html can learn enough about smarty in an evening to not ruin the code. Unfortunately, you ruined your store. You will have to restore, and try again.

Re: Adding Custome Header HTML To X-Cart
 

Moving this to Template Editing.

Re: Adding Custome Header HTML To X-Cart
 

Hey guys.. I restored the templates that I ruined and replaced them so everything is perfect. I then copied the head.tpl template in to Dreamweaver 8 and did a little learning. I deleated the IF statement that adds the top links. Deleted the image and copied the whole header in to the top row and column in the template. I then deleted the column that housed the IF that ads the top right links..

http://www.dealpedia.com/home.php

I think I am on the the right track. Nothing was delete only added. However its not being aligned to the left. Hopefully I am atleast on the right track-jeff