Jump to content

change text on product page


huggettm

Recommended Posts

Maybe this CSS list will help:

.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

Link to comment
Share on other sites

Guest webicon

I believe at present, other than 'bold' - there are no specific styles assigned to those items. You can changes that...

Open skins/your skin/styleTemplates/content/viewprod.tpl (this is the template for your product page).

** NB: Take a backup of the file before changing anything in case it does not work out!***

Lets assume you want all of these items to have the same style...

Find in page where the item is declared eg:

<strong>{LANG_PRODINFO}</strong>




and lets change to style this heading...




<span class="prodsubheading">{LANG_PRODINFO}</span>




Then in style.css declare the style and assign attributes:




.prodsubheading{

font-weight:bold; color:#ffffff; background-color:#ff6600; 

}

obviously you'll want to change these attributes to suit your own store!

If all of the items you wish to change have the same style - assign the style as above, else create a new style for each new style you need....

Hope that helps.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...