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.

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

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...

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

You are here

Back to top

Copyright David Slack - Web developer