This is my journey as an E-commerce Consultant
Posts tagged ebay-store-design
eBay Shop Design – Gallery Background Image
1424 days
We looked at changing the gallery background using css but now we want to move on and replace it with an image.
The section is currently:
/* -------- Control Border on Gallery List -------- */
td.gallery
{
border:1px #FF00FF solid;
}
/* -------- End -------- */
/* -------- Control Background on Gallery List -------- */
td.gallery table td
{
background:#FFCCFF;
}
/* -------- End -------- */
Now we are going to replace it with:
td.gallery
{
width:360px;
height:130px;
background:url(http://www.kidsontalks.com/ebaybg.jpg) no-repeat !important;
}
/* making certain backgrounds transparent */
span.ebay table,
.pagecontainer table table table,
.pagecontainer table table tr,
.pagecontainer table td
{
background:transparent;
}
Notice that adding this section of code, the background to the promotion boxes/search box and the categories disappear (we shall deal with the promo boxes and search box in a later post) so to make sure you category background image stays in place replace:
td.category {
height:35px;
width:180px;
border-top:1px solid #FFCCFF;
background: url(http://www.kidsontalks.com/ebaybutton.jpg) no-repeat;
margin:5px;
}
with:
td.category {
height:35px;
width:180px;
border-top:1px solid #FFCCFF;
background: url(http://www.kidsontalks.com/ebaybutton.jpg) no-repeat !important;
margin:5px;
}
the !important tag tell eBay that your CSS change is WAY more important and should be obeyed at all costs.
I also added this nugget to add a nice border around my gallery:
table.ebItemlist
{
width:770px !important;
border-left:1px #FFCCFF solid;
border-right:1px #FFCCFF solid;
border-bottom:1px #FFCCFF solid;
}
Please as always read the disclaimer
Just to complete, the section now looks like:
/* -------- Control Gallery List -------- */
td.gallery
{
width:360px;
height:130px;
background:url(http://www.kidsontalks.com/ebaybg.jpg) no-repeat !important;
}
/* making certain backgrounds transparent */
span.ebay table,
.pagecontainer table table table,
.pagecontainer table table tr,
.pagecontainer table td
{
background:transparent;
}
/*Nice border around gallery*/
table.ebItemlist
{
width:770px !important;
border-left:1px #FFCCFF solid;
border-right:1px #FFCCFF solid;
border-bottom:1px #FFCCFF solid;
}
/* -------- End -------- */
You can see the full css file here: eBay Store Design with CSS and to see the changes to my eBay store as we go along visit : http://stores.ebay.co.uk/Hairfreax
We love eBay design…
Its true….new players on the UK scene are http://createmystore.co.uk/ and their designs are looking good.
Even though their is a credit crunch in the UK it should not stop sensible investment in your eBay business. eBay design can provide various functions, from just aesthetics to brand new functionality which can be added.
On the net your design, usability and customer interactions are key. Now we are holding onto our purses this is the time to invest. A tight ecomony breeds tight spenders, are you a cut above the rest?
eBay Gallery View – Changing the background colours
Lesson Two: Changing the background colour of your gallery view.
eBay is designed using a series of nested tables, so in order to colour various bits of the design you need to make sure you have to mention the table or td definition the correct number of times to get the desired result. This is the snipet of CSS you can add to the previous file:
td.gallery table td
{
background:#FFCCFF;
}
This will generate the effect below:
Lesson three will look at more places to change the background colour in your ebay shop!
When considering professional eBay Design…
1622 days
Professional eBay design is an investment, and should not be taken up on this level by smaller sellers. Don’t make the mistake of investing in eBay design before your eBay business is even off the ground. You don’t need professional ebay design to start up an ebay business.
The listing design (ebay item template) is very important as it is the first impression your buyer will see. Buyers search for items on ebay more than they would search for your shop itself.
Great branding will make that listing stand out and memorable, but you need to make it for the right reasons. You need to make sure that your buyer has all the information needed to make the purchase. Your information has to be displayed for ease of navigation ( say, breaking up large amounts of text or specifications with bullet points etc) and also communicated to the buyer in their own language.
When you are drafting up an eBay design project make sure your professional ebay design company can consult with you on the features and functionality specific to your product type.
Plan the steps of your buyer as if making a purchase yourself and tailor the content so they see exactly what they expect to see. The stunning design should be enough attraction for the client in the first instance giving you the wow factor, but then you need to think on functionality and information.
Give the buyer all the information they need and they won’t hesitate! The visual aspect of a professional design is only touching the surface of what your design should do. eBay design needs function, and purpose.
Search Engine Freindly URLs Dashes or underscores?
1835 days
Text URLs are great for optimisation, but if say you are looking at the keyword ‘ebay design’ as you are an ebay design company, would the URL http://www.kidsontalks.com/ebaydesign, http://www.kidsontalks.com/ebay-design or http://www.kidsontalks.com/ebay_design work better?
Matt Cutts of Google Fame says that:
So if you have a url like word1_word2, Google will only return that page if the user searches for word1_word2 (which almost never happens). If you have a url like word1-word2, that page can be returned for the searches word1, word2, and even “word1 word2″.
Shall we run an experiment? If I set up pages all about ebay design on this domain in those three formats shall we see which one ranks better? Now, random jibber is going to be my content filler and the pages will appear at the top of this site. I have chosen the term ‘ebay design’ as my target as it is a highly competative keyword and I am unlikely to get to the top page for this term. Which is what I would prefer as I don’t DO ebay design and I would not want to disrupt the companies that do in the search listings. This is only an experiment to see which SEF URL format would rank higher for the keyword search in Google, Yahoo and MSN. I shall use this tool to check results.
Let the experiment begin…..
