David Slack - Web developer

How to create an ebay theme

So you have an ebay shop, but you want it to look more like your website or just want to brand your ebay? Theming ebay is very simple, but very, very long-winded.

You'll need hosting and domain name to store your images and css files. So go and get that and get it all set up ready to go. If you need help with that read this

There are a few things you need to get before your start:

  • Buy hosting and domain
  • Make sure you have a working ebay account
  • Get your static pages set up on ebay (About, Privacy, etc)
  • Don't link out of ebay, you could get your account banned

You will need to create a page for your listings that you'll change the basics for on each listing and a page for your shop. First we'll do the listing:

  1. Open your editor of choice
  2. Create the HTML for the listing like bellow
    {syntaxhighlighter brush: xml;collapse: true; fontsize: 100; first-line: 1; } <!-- All the style sheets used in this page. Because you don't have access to the header you have to put the style sheets in the body of the page. This usually doesn't cause a problem and since ebay still uses tables for the layout you don't have to worry to much about standards :( --> <link rel="stylesheet" type="text/css" href="http://YOUR-DOMAIN.co.uk/ebay/style.css"/> <!--[if IE 6]> <link rel="stylesheet" href="http://YOUR-DOMAIN.co.uk/ebay/style-ie6.css" type="text/css" /> <![endif]--> <!--[if IE 7]> <link rel="stylesheet" href="http://YOUR-DOMAIN.co.uk/ebay/style-ie7.css" type="text/css" /> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" href="http://YOUR-DOMAIN.co.uk/ebay/style-ie8.css" type="text/css" /> <![endif]--> <!--[if IE 9]> <link rel="stylesheet" href="http://YOUR-DOMAIN.co.uk/ebay/style-ie9.css" type="text/css" /> <![endif]--> <div id="idCenter"> <div id="idHeader"> <a name="naTop"></a><!-- For the back-to-top --> <!-- This will be the link to your ebay shop and your logo --> <h1><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE">YOUR EBAY STORE</a></h1> <!-- This is the main user information. Add links here you think a customer will want most --> <div id="idMainNav"> <ul> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE">Home</a></li> <li><a href="http://my.ebay.co.uk/ws/eBayISAPI.dll?MyEbay&gbh=1">My Ebay</a></li> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE">Deals</a></li> </ul> </div> <!-- Create the navigation in ebay first then copy the links. Make Sure you get this right because you will have to change it manually if for EVERY PAGE if you update them --> <div id="idHeaderNav"> <ul> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/CATEGORY-1/_i.html?_fsub=CATEGORY-1-ID">CATEGORY 1</a></li> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/CATEGORY-2/_i.html?_fsub=CATEGORY-2-ID">CATEGORY 2</a></li> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/CATEGORY-3/_i.html?_fsub=CATEGORY-3-ID">CATEGORY 3</a></li> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/CATEGORY-4/_i.html?_fsub=CATEGORY-4-ID">CATEGORY 4</a></li> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/CATEGORY-5/_i.html?_fsub=CATEGORY-5-ID">CATEGORY 5</a></li> </ul> </div> <!-- This is the ebay search and can be used on any website. Very useful for serching ebay from your website --> <div id="idSearch"> <form method="get" action="http://search.stores.ebay.co.uk/search/search.dll?GetResult&" id="idSearchFrm"> <label>Search:</label> <input class="clText" type="text" name="query" value="" maxlength="300" /> <input type="hidden" name="fcd" value="2"> <input type="hidden" name="from" value="R10"> <input type="hidden" name="sasel" value="YOUR-EBAY-ID"> <input class="clSubmit" type="hidden" name="submit" value="Search" /> </form> </div> </div> <!-- Now we start the content --> <div id="idPage"> <div id="idMain"> <div id="idContent"> <!-- CONTENT --> <h2>Listing title</h2> <div id="idListingImages"> <div class="clImageHolder"><img width="360" height="400" class="clImage" src="http://YOUR-DOMAIN.co.uk/ebay/listing-images/main-image.jpg" /></div> <div class="clImageHolder"> <img class="clImage" src="http://YOUR-DOMAIN.co.uk/ebay/listing-images/secondary-image-1.jpg" /> <img class="clImage" src="http://YOUR-DOMAIN.co.uk/ebay/listing-images/secondary-image-2.jpg" /> <img class="clImage" src="http://YOUR-DOMAIN.co.uk/ebay/listing-images/secondary-image-3.jpg" /> </div> </div> <p>Listing description</p> <!-- END CONTENT --> <!-- Link to take the customers back to the top --> <a class="clBackToTop" href="#naTop">Back to top</a> <div class="clClearBlock"></div> </div> <div id="idSideBar"> <div id="idCategories" class="clBlock"> <!-- Create the navigation in ebay first then copy the links. Make Sure you get this right because you will have to change it manually if for EVERY PAGE if you update them --> <h3>Categories</h3> <ul> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/CATEGORY-1/_i.html?_fsub=CATEGORY-1-ID">CATEGORY 1</a></li> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/CATEGORY-2/_i.html?_fsub=CATEGORY-2-ID">CATEGORY 2</a></li> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/CATEGORY-3/_i.html?_fsub=CATEGORY-3-ID">CATEGORY 3</a></li> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/CATEGORY-4/_i.html?_fsub=CATEGORY-4-ID">CATEGORY 4</a></li> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/CATEGORY-5/_i.html?_fsub=CATEGORY-5-ID">CATEGORY 5</a></li> </ul> </div> </div> </div> <div id="idFooter"> <div id="idFooterPage"> <div id="idFooterNav"> <ul> <!-- Create some basic pages in ebay and link them here --> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/About-us.html">About</a></li> <li><a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/Terms-and-conditions.html">Terms and conditions</a></li> <li><a href="http://contact.ebay.co.uk/ws/eBayISAPI.dll?ReturnUserEmail&amp;requested=YOUR-EBAY-USER-NAME&amp;redirect=0&amp;iid=0">Contact us</a></li> </ul> </div> <!-- Put you copyright info here --> <div id="idFooterContent"> Copyright 2011 David Slack<br /> Digital All rights reserved </div> <div id="idFooterSideBar"> <strong>Senua Digital</strong><br /> <a href="http://my.ebay.co.uk/ws/eBayISAPI.dll?AcceptSavedSeller&sellerid=senua-digital&ssPageName=STRK:MEFS:ADDSTR&rt=nc">Save this seller</a><br /> <a href="http://my.ebay.co.uk/ws/eBayISAPI.dll?AcceptSavedSeller&sellerid=senua-digital&ssPageName=STRK:MEFS:ADDSTR&rt=nc">Sign up for Shop newsletter</a><br /> <a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/_i.html?rt=nc&LH_BIN=1&_sid=YOUR-EBAY-ID&_trksid=p4634.c0.m309">All Buy it now Items</a><br /> <a href="http://stores.ebay.co.uk/YOUR-EBAY-STORE/_i.html?rt=nc&_sid=YOUR-EBAY-ID&_trksid=p4634.c0.m309">All Items</a><br /><br /> </div> </div> </div> </div> </div> {/syntaxhighlighter}
  3. Now you need to create the CSS files
    {syntaxhighlighter brush: css;collapse: true; fontsize: 100; first-line: 1; }#idCenter{text-align:center} #idPage{width:987px; margin:0 auto; background:#fff; position:relative; top:-30px;}{/syntaxhighlighter}
  4. Login to ebay
  5. Edit a listing
  6. Add in all the info (including your image)
  7. In the body change to HTML and past the HTML in
  8. Change back from the HTML view to the normal view
  9. Change the content text
  10. Save the listing
Here is the ebay shop I created 

Thanks to arenavendor for this tutorial which is where I started this page.

Comments

This info is the cat's paamajs!

Thanks , I've recently been looking for information approximately this subject for a long time and yours is the greatest I've discovered till now. But, what about the bottom line? Are you positive about the supply?

I was suggested this web site by my cousin.
I am not sure whether this post is written by him
as nobody else know such detailed about my difficulty.

You are incredible! Thanks!

This site was... how do you say it? Relevant!! Finally I've found something that helped me. Cheers!

Thank you very much! But, when I try to have more than one menu item like this (one more li) right next to Profile, and when I click to show the submenu, the next top menu item jumps unneaderth the submenu.The way it is now, I can only have 1 menu item.Can you fix it to enable a real menu bar with several items and submenus?

Dave's picture

I'm not sure I have enough info to help on this one. If you hit contact at the bottom and fill in the form I'll get in touch with you and see if I can help

Good luck

I do websites, me

Hi, i think that i saw you visited my website so i came to “return the favor”.
I'm trying to find things to improve my web site!I suppose its ok to use a few of your ideas!!

The theme is very good. I applied this theme on my website which consist of a logo design themes.

Hi! I just wanted to ask if you ever have any problems with
hackers? My last blog (wordpress) was hacked and I ended
up losing months of hard work due to no backup. Do you have any solutions to stop hackers?

Hello are using Wordpress for your site platform? I'm new to the blog world but I'm trying to get started and set
up my own. Do you require any coding expertise to make your own blog?
Any help would be greatly appreciated!

Dave's picture

Thanks for the comment

I do websites, me

Dave's picture

Theme was created as a bespoke theme by myself, if you'd like something simlar let me know and I can cost up for you. Thanks for the comment though

I do websites, me

Dave's picture

Sorry to hear about your site.

If your site has been hacked there isn't much you can do about it. I use Drupal, not Wordpress, as it's more secure but getting a good server and keeping everything up-to-date is the best idea

I do websites, me

I am reallу loving the thеme/design of your
blοg. Do you eveг run into anу browser compatibility іssues?
A couple of my blog гeaders have сomplained about my website not operating correctly in
Exploreг but lоoks great in Ϲhrome.
Do you haѵe any recommendations to help fix thіs problem?

Dave's picture

I use Drupal for this site and find Wordpress a little 'simple'. I would always recomend Drupal over any other CMS (its free and has everything) but it is a little more difficult to use than some of the more simple CMS's

I do websites, me

Dave's picture

I have seperate style sheet overrides per browser, so I have a main file then an IE9 file, Chrome file, Firefox file, etc. Then there are all the mobile browsers! All I do is keep testing on as much as I can until I (and the client) am happy.

I do websites, me

Very good article. I am going thrοugh many оf thеse iѕsues aѕ ωell.

.

Great.. Thank you for your opinions on the piece of writing Add new comment |
David Slack, they were particularly handy! I appreciated checking your information.

Particularly great information Add new comment | David Slack.
Always keep posting!

Great post. I was checking constantly this blog and I am impressed!
Very useful information specially the last part :) I care for
such information a lot. I was looking for this particular info for a very long time.
Thank you and best of luck.

What's up to every one, since I am truly keen of reading this weblog's post to be
updated regularly. It carries good stuff.

Londynski jest najlepszym i najwiekszym portalem w Londynie dla Polakow w Anglii.
Sa tam ogloszenia w Londynie, wiadomosci, przydatne rzeczy i wiele innych ciekawych
linkow oraz rzeczy.

Thanκs for fіnally talking about > Αdd new сomment | David Slack - Web dеνelopег
< Liked it!

This design is spectacular! You obviously know how to keep a reader amused.
Between your wit and your videos, I was almost moved to start
my own blog (well, almost...HaHa!) Great job. I really loved what you had to say, and more than
that, how you presented it. Too cool!

Hi to all, since I am in fact eager of reading this webpage's post to be updated on a regular basis. It includes pleasant stuff.

fantastic post, very informative. I wonder why the opposite experts of this sector do not
understand this. You should proceed your writing. I am sure, you've a huge readers' base already!

wonderful post, very informative. I ponder why the other experts of this sector do not realize this.
You should proceed your writing. I am confident, you've a great readers' base already!

I am curious to find out what blog platform you are using?
I'm having some minor security problems with my latest website and I would like to find something more safeguarded. Do you have any suggestions?

Hi there!
I simply do respect your new article on Add new comment | David
Slack and of course I will be back again... Bye for now.
..

My relatives all the time say that I am wasting my
time here at web, except I know I am getting
know-how everyday by reading such nice posts.

Heya
Your blog post Add new comment | David Slack
is good & well thought out, I will come back in order to view your posts!

Hello my loved one! I wish to say that this post is amazing,
nice written and come with approximately all significant infos.
I would like to see more posts like this .

Can I just say what a relief to uncover somebody who
actually understands what they are discussing on the web.
You actually know how to bring an issue to light and make it important.
More people need to look at this and understand this side of the story.
I was surprised that you aren't more popular since you most certainly possess the gift.

I'm really enjoying the design and layout of your blog. It's a very easy on the eyes which makes it much more pleasant
for me to come here and visit more often. Did you hire
out a developer to create your theme? Exceptional work!

Hello there! I could have sworn I've been to this website before but after reading through some of the post I realized it's new to me.
Anyways, I'm definitely delighted I found it and I'll be
bookmarking and checking back often!

Amazing blоg! Is yоuг theme custom made or did you download it from somеwhere?

A theme like yours with a few sіmple tωeeks would really make my blog
shine. Pleasе let me know ωheгe you got your dеsign.
Cheers

Hey thеre! Do you know if they make any pluginѕ to safeguard against
hackers? I'm kinda paranoid about losing everything I've ωorκeԁ
harԁ on. Any recοmmendatiοns?

It's an amazing post in favor of all the web people; they will take advantage from it I am sure.

I'm more than happy to uncover this website. I wanted to thank you for ones time for this particularly wonderful read!! I definitely savored every bit of it and I have you saved as a favorite to see new stuff on your blog.

I almost never comment, but i did a few searching and wound up here
Add new comment | David Slack - Web developer. And I actually do have 2 questions for
you if it's allright. Could it be simply me or does it look like a few of the comments appear like left by brain dead folks? :-P And, if you are writing on additional social sites, I would like to follow anything fresh you have to post. Could you list of all of all your communal sites like your linkedin profile, Facebook page or twitter feed?

You are so awesome!!! I have become obsessed with your website and I spend most of my
time reading all your posts. And I made a blog account JUST to post comments.
I wish I'd found out about sooner, and I wish you posted as much as you once did! You must be constantly busy now though because you're so famous!
!

This is an epic post, I will definitely be sure to
add this blog to my bookmarks :D

Peculiar article, exactly what I needed.

I welcome all who have not seen
I'm glad to visit this place!
I will be glad to meet you!
I came up with this famous site http://www.gooooogle.com/

Unquestionably believe that which you said. Your favorite justification seemed to be on the web the
simplest thing to be aware of. I say to you, I definitely get
irked while people consider worries that they just do not know about.

You managed to hit the nail upon the top and defined out the
whole thing without having side-effects , people can take a signal.
Will probably be back to get more. Thanks

Hello there, There's no doubt that your blog could be having internet browser compatibility issues. When I take a look at your website in Safari, it looks fine however, when opening in IE, it's got some overlapping issues.
I merely wanted to provide you with a quick heads up!
Aside from that, fantastic website!

Hi there, I enjoy reading all of your post. I wanted to write a little comment to
support you.

I for all time emailed this web site post page to all my friends,
since if like to read it next my links will too.

Howdy, i read your blog from time to time and i own a similar one and i was just curious
if you get a lot of spam remarks? If so how do you protect against it, any plugin or anything you can suggest?
I get so much lately it's driving me insane so any assistance is very much appreciated.

Hey there this is kinda of off topic but I was wanting to
know if blogs use WYSIWYG editors or if you have to manually code with HTML.
I'm starting a blog soon but have no coding know-how so I wanted to get advice from someone with experience. Any help would be greatly appreciated!

Pages

Add new comment

Latest content

There are lots of developers out there with varying degrees of experience and expertise, some mid level, some junior and some senior. Some...
First thoughts are Symfony is ace!Only been using Symfony for 1 project but the amount of coding it has saved has been worth the time spent...
The Lost and Found website was built by myself (David Slack) and designed by Arm & Eye.The site was created to promote a bar and...

Social networks

Contact me here or catch me on one of
the social networks below


What I'm listening to

Off-site News

My blog

Wednesday, 2 August, 2017 - 06:56
There are lots of developers out there with varying degrees of experience and expertise, some mid level, some junior and some senior. Some developers...
Tuesday, 5 March, 2013 - 09:49
First thoughts are Symfony is ace!Only been using Symfony for 1 project but the amount of coding it has saved has been worth the time spent learning...
Monday, 3 December, 2012 - 10:07
As a web developer and web designer I need to take into account everything on a site from SEO, marketing, usability across devices, the look and feel...

Recent comments

Try this on your mobile

Use your QR reader to read this

You should be able to use this right from the screen

Latest tweets

Calendar

M T W T F S S
 
 
 
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
10
 
11
 
12
 
13
 
14
 
15
 
16
 
17
 
18
 
19
 
20
 
21
 
22
 
23
 
24
 
25
 
26
 
27
 
28
 
29
 
30
 
31
 

You are here

Back to top

Copyright David Slack - Web developer