product_listing.php

gatheringsky · April 23, 2010

Hi All......

Required some advice for this noobie....

1. How can i change the "Displaying 1 of 4' to "Displaying 1 to 10" ??

website: http://www.thegathering.asia/EROS/index.php?cPath=17 (under lighter)

2. For the background, how could i change the the colour from white to black ????

Pls advice....

jaimejigga · April 23, 2010

1.you can change the number of products listed in admin under maximum values>>>search results set it to 10 and you will get 10 instead of 4

2.You look like you are using a template so you will either have to set the background colour in there or it might still be controlled by your stylesheet it will be under body and you need to change background.

Hope this helps

gatheringsky · April 23, 2010

1.you can change the number of products listed in admin under maximum values>>>search results set it to 10 and you will get 10 instead of 4

2.You look like you are using a template so you will either have to set the background colour in there or it might still be controlled by your stylesheet it will be under body and you need to change background.

Hope this helps

Hi jaimejigga,

Thanks for the advice.

have got the 1st point, however, for the stylesheet, I'm not sure which part of the body i should edit, there is too many "bgcolor" which seriously confuse me...

below is the the default of the style sheet.

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #DBDBDB; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #b2003c; text-decoration: underline; }

BODY {background: #ffffff; color: #000000; margin: 0px;}

.infoBox {background: #cccccc;}

.infoBoxContents {background: #ffffff;font-family: Verdana, Arial, sans-serif; font-size: 10px;}

/* A {color: #000000; text-decoration: none;}A:hover { color: #AABBDD; text-decoration: underline;} */

FORM {display: inline;}

TR.header {background: #ffffff;}

TR.headerNavigation {background: #bbc3d3;}

TD.headerNavigation {font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight : bold;}

/* A.headerNavigation {color: #FFFFFF; }A.headerNavigation:hover { color: #ffffff;

} */

TR.headerError {background: #ff0000;}

TD.headerError {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;}

TR.headerInfo {background: #00ff00;}

TD.headerInfo {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;background: #00ff00;color: #ffffff;font-weight: bold;text-align: center;}

/* TR.footer {background: #bbc3d3;}TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight: bold;}*/

.infoBoxNotice {background: #FF8E90;}

.infoBoxNoticeContents {background: #FFE6E6;font-family: Verdana, Arial, sans-serif; font-size: 10px;}

TD.infoBoxHeading {font-family: Verdana, Arial, sans-serif;font-size: 10px;font-weight: bold;background: #bbc3d3;color: #ffffff;}

TD.infoBox, SPAN.infoBox {font-family: Verdana, Arial, sans-serif; font-size: 10px;}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {background: #f8f8f9;}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {background: #f8f8f9;}

TABLE.productListing {border: 1px;border-style: solid;border-color: #b6b7cb;border-spacing: 1px;}

.productListing-heading {font-family: Verdana, Arial, sans-serif;font-size: 10px;background: #b6b7cb;color: #FFFFFF;font-weight: bold;}

TD.productListing-data {font-family: Verdana, Arial, sans-serif;font-size: 10px;}

TD.pageHeading, DIV.pageHeading {font-family: Verdana, Arial, sans-serif;font-size: 20px;font-weight: bold;color: #9a9a9a;}

TR.subBar {background: #f4f7fd;}

TD.subBar {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000000;}

/* ------------------------------------------------- -------------------------------------------------------- */

TD.main, P.main {font-family: Verdana, Arial, sans-serif;font-size: 11px;line-height: 1.5;}

TD.smallText, SPAN.smallText, P.smallText {font-family: Verdana, Arial, sans-serif;font-size: 10px;}

TD.accountCategory {font-family: Verdana, Arial, sans-serif;font-size: 13px;color: #aabbdd;}

TD.tableHeading {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;}

CHECKBOX, INPUT, RADIO, SELECT {font-family: Verdana, Arial, sans-serif;font-size: 11px;}

TEXTAREA {width: 100%;font-family: Verdana, Arial, sans-serif;font-size: 11px;}

SPAN.greetUser {font-family: Verdana, Arial, sans-serif;font-size: 12px;color: #f0a480;font-weight: bold;}

TABLE.formArea {background: #f1f9fe;border-color: #7b9ebd;border-style: solid;border-width: 1px;}

TD.formAreaTitle {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;}

SPAN.markProductOutOfStock {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;color: #c76170;font-weight: bold;}

SPAN.errorText {font-family: Verdana, Arial, sans-serif;color: #ff0000;}

.moduleRow { }

.moduleRowOver {background-color: #DBDBDB; cursor: pointer; cursor: hand; }

.moduleRowSelected {background-color: #DBDBDB; }

.checkoutBarFrom, .checkoutBarTo {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox {font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning {font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess {font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

#myse select {width:90%;}

/* input requirement */

.product .inputRequirement, .inputRequirement

{font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FF0000; }

/* ------------------------------------------------- -------------------------------------------------------- */

.main a {color:#b2003c; text-decoration:underline;}

.main a:hover {color:#b2003c; text-decoration:none;}

.vam {vertical-align:middle;}

input {background:#ffffff;}

/* ------------------------------------------------- -------------------------------------------------------- */

body {padding:0; margin:0; background:url(images/bg.gif) repeat-x bottom #edf0ec}

table, td, .main, select, input, textarea {

font-size:11px;

font-family:Tahoma;

color:#282e3e;

line-height:13px;

vertical-align:top;

padding:0px;

}

img {border:0px;}

table {width:100%;}

.SELECT {width:110px;}

.vam { vertical-align:middle}

.bg{background:url(images/bg_line.gif)}

.jamp1{ width:143px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;}

.jamp2{ width:143px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;}

.header td {color:#464545; vertical-align:middle}

.header span {color:#FFFFFF; font-size:10px;}

.header b {color:#cb161d;}

.header a {color:#464545; text-decoration:none; font-size:11px; font-weight:bold}

.header a:hover {color:#464545;text-decoration:underline}

/* -box_body- */

.box_body td{ color:#3e3e3e}

.box_body span {color:#3e3e3e; font-size:11px; font-weight:normal; font-family:Tahoma}

.box_body a {color:#3e3e3e; font-family:Tahoma; font-size:11px; text-decoration:none;}

.box_body a:hover {color:#3e3e3e; text-decoration:underline}

.box_body span.productSpecialPrice { color:#414141; font-size:14px; font-weight:bold}

.box_body del {color:#414141; font-size:14px; font-weight:bold}

.box_body span a {color:#c5151c; font-size:12px; text-decoration:underline; font-weight:bold; }

.box_body span a:hover {color:#c5151c;text-decoration:none;}

.box_body ul {padding:0; margin:0 0 0 10px; list-style:none; }

.box_body .bg_list {}

.box_body .bg_list a {color:#ffffff; padding-left:20px; background:url(images/arrow.gif) top left no-repeat; background-position:0 5px; text-decoration: underline; line-height:23px; font-weight:bold}

.box_body .bg_list a:hover {color:#ffffff; text-decoration:none;}

.box_body .bg_list_un { margin-left:10px}

.box_body .bg_list_un a {color:#3e3e3e; padding-left:20px; background:url(images/arrow_un.gif) top left no-repeat; background-position:0 5px; text-decoration: underline; line-height:18px; font-weight: normal}

.box_body .bg_list_un a:hover {color:#c5151c; text-decoration:none;}

.box_body .bg_list_sub {}

.box_body .bg_list_sub a {color:#ffffff; padding-left:11px; text-decoration:none ; line-height:23px; font-weight:normal}

.box_body .bg_list_sub a:hover {color:#ffffff; text-decoration:underline;}

/* -1- */

.box_heading_table {}

.box_heading_table .box_heading_td {padding:13px 10px 3px 30px;background:url(images/1_line.gif);}

.box_heading_table .box_heading_td {color:#ffffff; font-weight:bold; font-size:12px; text-transform:uppercase }

.box_body_table {}

.box_body_table .box_body_tall_l {background:url(images/body_tal1_1.gif) left repeat-y;}

.box_body_table .box_body_tall_r {background:url(images/body_tal2_1.gif) right repeat-y;}

.box_body_table .box_body_tall_b {background:url(images/box_corn.gif) bottom repeat-x;}

.box_body_table .box_body_td {padding:6px 17px 5px 17px;background:url(images/1_line3.gif) repeat-x top #df4041; border:2px solid #ffffff; border-width:0px 3px 0px 3px;}

/* -2- */

.box_heading_table_2 {}

.box_heading_table_2 .box_heading_td_2 { padding:13px 10px 3px 30px;background:url(images/1_line1.gif)}

.box_heading_table_2 .box_heading_td_2 {color:#202528; font-weight:bold; font-size:12px; text-transform:uppercase }

.box_body_table_2 .box_body_td_2 {background:url(images/1_line5.gif) repeat-x top #f9f9f9}

.box_body_table_2 .box_body_tall_l_2 {background:url(images/body_tal1_2.gif) left repeat-y;}

.box_body_table_2 .box_body_tall_r_2 {background:url(images/body_tal2_2.gif) right repeat-y;}

.box_body_table_2 .box_body_tall_b_2 {background:url(images/1_line1.gif);}

.box_body_table_2 .box_body_td_2 {padding:2px 15px 5px 15px; border:2px solid #ffffff; border-width:0px 3px 0px 3px;}

/* -3- */

.box_heading_table_3 {background:#ffffff}

.box_heading_table_3 .box_heading_td_3 { padding:13px 10px 3px 30px;}

.box_heading_table_3 .box_heading_td_3 {color:#202528; font-weight:bold; font-size:12px; text-transform:uppercase }

.box_body_table_3 .box_body_td_3 {padding:4px 10px 3px 10px; background:url(images/1_line4.gif) #ffffff;}

/* ------------------------ CONTENT ---------------------------- */

.cont_heading_table { background:#FFFFFF }

.cont_heading_td {padding:3px 17px 3px 11px; font-size:12px; text-transform:uppercase; font-weight:bold; color:#202528;}

.cont_heading_td a{color:#202528;font-size:12px; text-transform:uppercase; font-weight:bold; text-decoration:none}

.cont_heading_td a:hover{color:#202528; text-decoration:underline }

.cont_body_table {background:#FFFFFF;}

.cont_body_tall_t {background:#FFFFFF }

.cont_body_tall_b {background:#FFFFFF}

.cont_body_tall_l {background:#FFFFFF}

.cont_body_tall_r {background:#FFFFFF}

.cont_body_table_2 {background:#f2f2f2;}

.cont_body_tall_t_2 {background:#f2f2f2}

.cont_body_tall_b_2 {background:#f2f2f2}

.cont_body_tall_l_2 {background:#f2f2f2}

.cont_body_tall_r_2 {background:#f2f2f2}

.cont_heading_table_3 { background:url(images/cont_heading_c.gif) #0c2832}

.cont_heading_td_3 {padding:4px 17px 4px 10px; font-size:12px; text-transform:uppercase; font-weight:bold; color:#ffffff; }

.cont_heading_td_3 a{color:#ffffff; text-decoration:none}

.cont_heading_td_3 a:hover{color:#ffffff; text-decoration:underline }

.cont_body_table_td_3 {background:#be3234 url(images/cont_heading_c.gif) repeat-x top;}

.cont_body_tall_t_3 {background:#be3234 url(images/cont_heading_t.gif) top repeat-x;}

.cont_body_tall_b_3 {background:#be3234 url(images/cont_heading_b.gif) bottom repeat-x;}

.cont_body_tall_l_3 {background:#be3234 url(images/cont_heading_l1.gif) left repeat-y;}

.cont_body_tall_r_3 {background:#be3234 url(images/cont_heading_r1.gif) right repeat-y;}

/* PRODUCT */

.product td { color:#414141}

.product a { font-size:11px; color:#5e5b5b; text-decoration:underline;} /* for sub_categories (index-1.html) */

.product a:hover {text-decoration:none;}

.product span a {font-weight:bold; font-size:12px; color:#5e5b5b; text-decoration:underline; }

.product span a:hover {text-decoration:none;}

.product em {/* ???????? ???????? ??? shoping cart - ?????? ?? ??????!!! */ font-style:normal;}

span.productSpecialPrice {font-size:14px; font-weight:bold; color:#414141; }

.product div a {color:#414141; font-size:11px; font-weight:normal; text-decoration:underline; text-transform:none;}/* ??? click to enlarge */

.product div a:hover {color:#414141; text-decoration:none ;}

/* IMAGE */

.pic {}

.table_pic_width {width:1px;}

.pic_corn_c {background:#FFFFFF;}

.pic_corn_t {background:#FFFFFF url(images/pic_corn_t.gif) top repeat-x;}

.pic_corn_b {background:#FFFFFF url(images/pic_corn_b.gif) bottom repeat-x;}

.pic_corn_l {background:#FFFFFF url(images/pic_corn_l.gif) left repeat-y;}

.pic_corn_r {background:#FFFFFF url(images/pic_corn_r.gif) right repeat-y;}

.cart_line_x { background:#e7e7e7}

.cart_total_left {width:80%; text-align:right; vertical-align:middle;height:38px;}

.cart_total_right {width:20%; text-align:center;vertical-align:middle;}

.padd33 {padding:21px 0px 0px 0px;}

/* popup */

.popup td {color:#7b7b7b; font-size:11px;}

/* footer */

.footer { width:100%}

.footer td {color:#403f3f; font-size:11px;}

.footer a {color:#403f3f; font-size:11px; text-decoration:none;}

.footer a:hover {color:#403f3f;text-decoration:underline;}

.footer span {color:#878585; font-size:11px;}

.footer span a {color:#878585; font-size:11px; text-decoration:none;}

.footer span a:hover {color:#878585;text-decoration:underline;}

.footer b, .footer b a {color:#403f3f; font-size:11px; font-weight:bold; text-decoration:underline;}

.footer b a:hover {color:#403f3f; text-decoration:none;}

/* ------------------------------------------------- -------------------------------------------------------- */

.result {margin:0px 0px 0px 0px;}

.result td {width:50%; vertical-align:middle; padding:16px 20px;}

.result_right {text-align:right;}

.result td {color:#43001C; font-size:11px;}

.result b {color:#43001C; font-weight:normal;}

.result_right b {color:#b2003b; font-size:11px; font-weight:bold;}

.result_right a.pageResults {color:#b2003b; font-size:11px;text-decoration:underline; }

.result_right a.pageResults:hover {color:#b2003b; text-decoration:none; }

.result_right a.pageResults u {color:#b2003b; font-size:11px; text-decoration:underline;}

.result_right a.pageResults u:hover {color:#b2003b; text-decoration:none;}

/* ------------------------------------------------- -------------------------------------------------------- */

.cont_heading_td_3 em {olor:#202528;font-size:12px; text-transform:uppercase; font-weight:bold; text-decoration:none; font-style:normal;}

.product em {font-weight:bold; font-size:12px; color:#5e5b5b; font-style:normal;}

.title_info {width:270px;}

.title_info td {vertical-align:middle; height:38px;}

.prod_info {width:100px; float:left; margin-right:15px;}

.prod_info td {text-align:center;}

/* ------------------------------------------------- -------------------------------------------------------- */

.product .shop_cart {text-align:center; vertical-align:middle;height:39px; text-transform:uppercase; font-weight:bold;}

/* heading */

.remove {width:15%;}

.products {width:50%;}

.quantity {width:15%;}

.total {width:20%;}

/* heading */

.bg_line_x {background:url(images/line_x.gif) left center repeat-x;}

.bg_line_y {background:url(images/line_y.gif) center top repeat-y;}

.line_x1{ background:#e7e7e7}

.cart_line_x {background:url(images/line_x.gif) center top repeat-x;}

.cart_line_y {background:url(images/line_x.gif) center top repeat-y;}

.cart_total_left strong { text-transform:uppercase;}

.cart_total_left {width:80%; text-align:right; vertical-align:middle;height:38px;}

.cart_total_right {width:20%; text-align:center;vertical-align:middle;}

/* ------------------------------------------------- -------------------------------------------------------- */

SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #fb0707;}

.box_body a SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #fb0707; text-decoration:underline;}

/* ------------------------------------------------- -------------------------------------------------------- */

.smallText a {color:#b2003c; font-size:11px; text-decoration:none;} /* advanced_search.php */

.smallText a:hover {color:#b2003c; font-size:11px; text-decoration:underline;}

.smallText a u {color:#b2003c; font-size:11px; text-decoration:none;}

.smallText a:hover u {color:#b2003c; font-size:11px; text-decoration:underline;}

TD.fieldKey {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;}

TD.fieldValue {font-family: Verdana, Arial, sans-serif;font-size: 12px;}

.main a b {color:#5D5F60;font-size: 10px; text-decoration:underline;}

.main a:hover b {color:#5D5F60;font-size: 10px; text-decoration:none;}

/* ------------------------------------------------- -------------------------------------------------------- */

span.txt_1 {font-size:10px; text-transform:none; color:#000000;}

.product s {color:#808080;font-size:11px;font-weight:normal;}

/* ------------------------------------------------- -------------------------------------------------------- */

.bg_input input {background:none;}

/* ------------------------------------------------- -------------------------------------------------------- */

.padd_1 {padding:0px 10px 0px 10px;}

.padd_22 {padding:8px;}

td.padd2 {padding:8px; padding-left:4px;}

.line_h {line-height:16px;}

/* ------------------------------------------------- -------------------------------------------------------- */

.product div {padding:8px 0px 5px 0px;}

div.padd3 {text-align:left; padding-top:0px; margin-left:0px; margin-right:0px;}

.padd33 img, .padd33 input {margin:1px;}

/* ------------------------------------------------- -------------------------------------------------------- */

.box_width_left { width:209px;}

.box_width_right { width:0px;}

.box_width_cont { width:100%;}

.col_left {}

.col_center { width:100%;}

.col_right {}

/* ------------------------------------------------- -------------------------------------------------------- */

.heading_top_1 {margin-top:0px;}

.heading_top_1 .padd_11 {padding:15px 10px 13px 10px;}

.heading_top_2 {margin-top:0px;}

.heading_top_2 .padd_22 {padding:0px 10px 0px 10px;}

.heading_top_3 {margin-top:0px;}

.heading_top_3 .padd_33 {padding:0px 0px 0px 0px;}

.heading_top_4 {margin-top:0px;}

.heading_top_4 .padd_44 {padding:0px 10px 10px 10px;}

.tableBox_output {margin-top:9px;margin-bottom:9px;}

.tableBox_shopping_cart {margin-top:0px;}

.tep_draw_separate {height:9px;}

.tep_draw_prod_top {padding:0px 0px 0px 0px;}

.tep_draw_box_prod {}

/* */

.image {width:100%;}

jhande · April 24, 2010

I'm not sure which part of the body i should edit, there is too many "bgcolor" which seriously confuse me...

BODY {background: #ffffff; color: #000000; margin: 0px;}

body {padding:0; margin:0; background:url(images/bg.gif) repeat-x bottom #edf0ec}

Try the setting in bold first. Change ffffff to 000000.

product_listing.php

Recommended Posts

gatheringsky

Link to comment

Share on other sites

jaimejigga

Link to comment

Share on other sites

gatheringsky

Link to comment

Share on other sites

jhande

Link to comment

Share on other sites

Archived

Browse

Activity