This is my journey as an E-commerce Consultant
Posts tagged ebay-shop-design
eBay Shop Design – Playing with Nested Table Backgrounds
Lesson Three: Changing the backgrounds for the nested tables
Right now, let experiment to how many times we need to mention table, to get a coloured background in different sections! Try adding these snippets of code to your css file.
table
{
background:#C0C0C0;
}
Using table once just colours the entire background within your eBay shop, including outside your shop front. All the normal white background, all grey.
table table
{
background:#C0C0C0;
}
Using table twice, only fills the background of your eBay shop with colour, as well as the eBay header 
table table table
{
background:#C0C0C0;
}
Ah! This now leaves out the eBay header, so just the shop elements are coloured. Nothing much happens for four ‘tables’ but with 5 mentions of table:
table table table table table
{
background:#C0C0C0;
}
the promotion boxes, shop page boxes and the background to the gallery is coloured.
Add a sixth table and only the promotion boxes are coloured.
table table table table table table
{
background:#C0C0C0;
}
Seven tables and only the top promotions boxes are coloured.
table table table table table table table
{
background:#C0C0C0;
}
That is as far as you can go!
The next post will be about centring your eBay shop and fixing the width to 800px.
eBay Shop Design for Beginners
I am a beginner too, with basic CSS and HTML knowledge sorted I am going to provide you with eBay CSS manipulation nuggets to build up a more custom eBay shop.
Lesson one – Creating a border around your gallery display in your eBay shop.
Taking a look at how the ebay shop gallery display is controlled by looking at the source you an see that you have various CSS elements to play with.
To place a border around your gallery items you will need to manipulate the table gallery class td.gallery.
So, create a css file in notepad like this:
td.gallery
{
border:1px #FF00FF solid;
}
I have chosen hot pink for the hairfreax ebay shop.
Navigate to ‘Manage my shop’ > ‘Shop Design’ > ‘Display settings’ and change your shop header display.
Link to your css file like this:
<link href="http://www.kidsontalks.com/ebay.css" rel="stylesheet" type="text/css" />
and include the additional information in your shop header.
Save the settings then see what has happened!
Lesson two will be changing the background of the gallery view, using CSS.
Createyourtemplate, Channeladvisor Catalyst and Pimp my Shop
1487 days
Mathias and I under the Createyourtemplate banner moseyed on down to ChannelAdvisor Cataylst at Vinopolis in London.One of the features of Catalyst was a ‘pimp my shop’ session for ChannelAdvisor Stores, taking an existing CA customer with no current design. So let me run through the features of our tender:
Running down the design we start with the logo, branding is very important to a customer. Its something they recognise and trust. A consistent branding is essential so even though this is a design for the ChannelAdvisor Store, this design will also translate to eBay. We pushed the fact that the seller sold socks and underwear in this logo design, making a clear distinction between the main product types.
The top navigation was designed to hone in on the popular categories of products and also provide extra navigation for the customer. This tender design was based on the socks category page to show the kind of detail and functionality you can have with a CYT (Createyourtemplate) design.
The seller was famous for his branded socks and underwear, especially in the children’s cartoon sector. This scrolling character sorter provides a very visual link between the products and the characters. 
We also implemented a further shop by character, in the left hand side navigation. You find that when you are shopping for items you do place some recognition on a brand logo, in this case a cartoon character but you might also know exactly what you are looking for so using this further character search will refine your choice.
Being still a fan of the ‘above the fold’ concept, and customers need to be able to find the main product they are looking for on the page without scrolling. The socks by size and type product sorter is placed above the fold to enable the customer to effectively navigate to their desired product. You might notice also a test location path so the customer knows where they are in the grand scheme of the site. In the main content of the page you will also find sorters for children’s socks:
Teaser sections to promote key products are great for promotion of your best items, as with all CYT designs we like clients to be independent of us when we have finished the designs. The designs can be easily edited to change various sections and text within the design. This would be an example of an ever changing section within the design.
Your basic left hand side navigation is a standard. Our navigation sections are dynamic….
Redundancy and Back to online selling basics
1628 days
Redundancy just before Christmas is not pleasant as the job market is not at its best, specially if you have had no warning.
As well as training to be an eBay education specialist I have secured consultancy and web development in the last few weeks of December to take me though to January.
In pure on-line entrepreneurial fashion I have been building up my web business ( practising what I preach) to its highest level yet and it continues to grow. Over the Christmas period I am going to be organising an eBay January Sale. I plan to make £900 with excess materials and stock hoarded over the years!
I shall also spend the time re-designing my ebay shop!
Favourite eBay Shop Design of the moment…
MIK Fun shopping by createyourtemplate
Still not sure I subscribe to splash pages for an eBay shop front as it might put off some buyers. But the creative is fantastic. I just watched it in awe!
