CubeCart CSS definitions list -- helping you sort out your CubeCart design

Here's a resource for people who use CubeCart to drive their e-commerce. 


I've recently adopted CubeCart 3 as the tool to sell my services as an illustrator, visual facilitator, and animated-summary creator. Check out my fledgling EaselEmpire.net site for my baby steps.


This post is a verbatim comment on http://www.scriptygoddess.com/archives/2006/12/28/cube-cart-vs-zen-cart/. 


Ben Moffett:
February 8th, 2007 at 12:27 pm

I have had pretty good success with Cube Cart in the Past. I am definately going to check out the Squirrel Cart.
I noticed some of you were looking for definations for the CSS on Cube Cart. Here they are. It took me some time to find them….

• .searchBtn — The "GO" button for your search box.
  
• .searchBox — box that you write in for search
  
• .textbox– The number that shows up in the quantity box from the view cart page
  
• .submit — The "Join Now" button for mailing list, and the "Add" button for adding product codes to shopping cart.
  
• li.bullet– little bullets that show up for the catagories
  
• li.bulletLrg — bullet for "tell a friend"
  
• li.num — numbers for products in sale and popular products
  
• .txtSession — text for "Search for" "Welcome Guest" and brackets
  
• .txtCopy– text in info box "products 2, catagories 1, prices: US dollars"
  
• .txtSiteDocs– text "subscribe to our mailing list" and "Email"
  
• a.txtSession, a.txtSiteDocs– "Login" and "Register"
  
• a.txtSession:hover, a.txtSiteDocs:hover– mouse over for "Login" and "Register"
  
• a.txtButton– "add to basket" button on product pages, and "buy" and "More" butttons on Catagory pages
  
• a.txtButton:hover– rollover for "add to basket" button on product pages, and "buy" and "More" butttons on Catagory pages
  
• .txtOldPrice– This is the price which by default appears with a line struck through when the item is on sale.
  
• .txtSale– Price that shows on Catagory Page and product page
  
• .txtOutOfStock– Text that tells a product is out of stock.
  
• .txtSiteDocs, a.txtSiteDocs — links at bottom of page"about us, contact us . . ."
  
• a.txtSiteDocs:hover– rollover for links at bottom of page"about us, contact us . . ."
  
• a.txtDefault– text for categories box "Homepage, sale items", text for products names in Popular Products box and Sale Items box
  
• a.txtDefault:hover, a.txtLink:hover, a.txtLocation:hover — rollover text for categories box "Homepage, sale items", text for products names in Popular Products box and Sale Items box
  
• .txtContentTitle– Main Titles like "Welcome to Cube Cart" and Catagory Titles
  
• .txtBoxSave– color of the text in the Sale box that says how much they save
  
• .tblList– main area on catagory pages where the list of products is
  
• .tdListTitle– text inside the main area "Image Description Price"
  
• .tdEven– background color for the first product listed then every other one
  
• .tdOdd– background color for the second product listed then every other one
  
• .txtCartPrice– text for dollar amounts that show up in cart box on homepage- per item, items in cart and total prices-
  
• .txtCart — Text "items in cart" and "Total" in cart box on homepage
  
• .cartTotal– included dashed line that appears in cart box on homepage
  
• a.txtCartProduct:active, a.txtCartProduct:link, a.txtCartProduct:visited– text for Products in cart box on home page
  
• a.txtCartProduct:hover– roll over for text for Products in cart box on home page
  
• a.txtviewCart:active, a.txtviewCart:link, a.txtviewCart:visited — text for "veiw basket" button in cart box on homepage
  
• a.txtviewCart:hover — roll over for text for "veiw basket" button in cart box on homepage
  
• .cartProgress — text inside cart that progresses as you go through check out "Cart— Address— Payment — Complete"
  
• .txtcartProgressCurrent — this is the text color that shows up for the page that you are on in the progression of the cart, for example when you are on the address page, address is this color and the rest are the color you specified for .cartProgress
  
• .quickBuy– Inside cart txt that asks " Want to add more items? Enter the Product Code:"
  
• .tdcartTitle — txt Inside Cart at the top "Qty, Product, Code, Stock, Price, Line Price"
  
• .tdcartEven– background color for second product inside cart and every other one
  
• .tdcartOdd — background color for the first product inside cart and every other one
  
• .tdCartSubTotal– includes line above subtotal
  
• a.txtCheckout– text and box for "continue" button on cart pages
  
• a.txtUpdate — text and box for "update cart" button on cart pages
  
• .txtStockWarn– text for when an item is out of stock
  
• .txtError — text for when someone messes up while filling out information during cart process
  
• .txtCopyright, a.txtCopyright — text for Copywrite info at bottom of page
  
• a.txtCopyright:hover– roll over for Copywrite info at bottom of page
  
• .dropDown– width of drop downs
  
• Layout.CSS for Classic Skin
  
• body — entire window attributes
  
• #pageSurround– large floating window inside window
  
• #topHeader– top section of page surround
  
• .boxTitleLeft, .boxTitleRight — top area of boxes in left and right columns where title appears
  
• .boxContentLeft, .boxContentRight– main area of boxes in left and right columns
  
• .colLeft — left column attributes or positioning
  
• .colMid — middle large column attributes or positioning
  
• .colRight– right column attributes or positioning
  
• .boxContent– middle columns box (where to change colors, background, borders, and some text)
  
• .colLeftCheckout — check out pages positioning for left column
  
• .colMainCheckout — checkout pages positioning for main column
  
• .siteDocs — positioning and attributes for box at bottom that contains "About Us | Contact Us | Privacy Policy | Terms & Conditions"
  
• .pagination — main large box on catagory pages
  
• .regSep– the "need to register?" box in checkout