Вид поля с товаром

Alina20 · 27 серпня 2011

...не знаю как сформулировать, скорее всего из-за этого и не нашла в поиске.

у меня стандартная тема очень хочу изменить вид товаров чтоб они были в рамке - как на фото. Как это сделать,посоветуйте пожалуйста? или наведите на тему-обыскалась уже =\

rim89 · 27 серпня 2011

Это верстка, находите вывод вашего товара и в css пишите ему

border: 1ps solid #000;

Alina20 · 27 серпня 2011

спасибо за ответ! Это я поняла и даже сама нашла в css

.list td {

text-align: center;

vertical-align: top;

padding-bottom: 10px;

сюда можно что угодно добавить но задача вот оказывается чем усложнилась:

когда вносишь изменения border: 1ps solid #000; эта рамка появляется и вокруг изображений категорий, где она совсем не нужна,(и изображения тут я удалила оставив только текст) мне нужно только вокруг товаров, может быть кто-то подскажет в каком файле нужно прописать этот новый див для товаров и уже править его в стилях? кто-то подскажет какой это файл и куда вставить этот див?

Alina20 · 27 серпня 2011

посоветуйте пожалуйста. в каком месте нужно ввести див? какой файл редактировать7

rim89 · 27 серпня 2011

Вы в каком месте меняете ( модуль какой то или в категории какой то) ?

Alina20 · 27 серпня 2011

ааа..(это моя беда видимо-понятно обьяснить не могу - простите)

вот я выложила скрин - в самом начале.

там у человека товары в рамке и при наведении на товар получается эффект затемнения-не могу выкладывать сайт,возможно человек не поймет, - ну так вот -как сделать так как на этой картинке - я поняла и даже сделала. т.е. по сути этот вопрос решенный, но:

если вот в этом стиле

.list td {

text-align: center;

vertical-align: top;

padding-bottom: 10px;

добавить рамку,как мне посоветовали-например так

border: 1ps solid #000;

и еще добавить функции hover (или как она называется - не суть)

то все получается как нужно, за исключением того, что этот стиль общий + еще и для изображений в категориях.

т.е. как вот тут: http://www.umka-babyshop.ru/detskaya-obuv/letnyaya-obuv/ (надеюсь человек поймет что я выложила его сайт)

если навести курсор на

Туфли открытые Туфли Пляжная обувь

то к ним применяется этот стиль -появляется рамка как и при наведении на любой товар ниже. ВОТ именно это меня не устраивает - мне нужно чтоб оформление было актуально лишь для товаров.

надеюсь понятно обьяснила. для этого видимо нужно прописать див отдельный но как и где я не понимаю, если кто-то наведет будет человеческое спасибо.

Alina20 · 27 серпня 2011

В 27.08.2011 в 18:23, 'rim89' сказав:
Вы в каком месте меняете ( модуль какой то или в категории какой то) ?

вообще оформление товаров во всем магазине.

Smallbear · 27 серпня 2011

Чтобы люди понимали о чем речь я сам свой сайт выложу http://ledwatch.com.ua/ (типа реклама:) ))

Лично я к каждому модулю стиль прописывал,а Вы как-то сразу одним махом на всем сайте хотите прописать.

Я делал так ,к примеру нужен мне модуль последнии поступления,беру файл latest_home.tpl привожу к такому виду

Показати вміст

<?php if ($products) { ?>
<div class="top">
  <div class="left"></div>
  <div class="right"></div>
  <div class="center">
    <div class="heading"><?php echo $heading_title; ?></div>
  </div>
</div>

<div class="middle">
  <table class="list">
  <?php for ($i = 0; $i < sizeof($products); $i = $i + 5) { ?>
    <tr>
      <?php for ($j = $i; $j < ($i + 5); $j++) { ?>
      <td style="width: 20%;"><?php if (isset($products[$j])) { ?>
      <a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a><br />
      
	  
	  <span  id="product_name">
	  <a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><?php echo $products[$j]['name']; ?></a><br />
      </span>
	  
	  
<!-- убирает модель	
	 <span style="color: #999; font-size: 11px;"><?php echo $products[$j]['model']; ?></span><br />
-->

	 <?php if ($display_price) { ?>
      <?php if (!$products[$j]['special']) { ?>
      <span id="product_price"><?php echo $products[$j]['price']; ?></span><br /><br />
      <?php } else { ?>
      <span id="product_price">
	  <?php echo $products[$j]['price']; ?></span> <span style="color: #F00;"><?php echo $products[$j]['special']; ?></span>
	  <br /><br />
      <?php } ?>
      
	  
<!--
	  <a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" >Добавить </a>
-->
      
      <a class="button_add_small" href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>" title="<?php echo $products[$j]['name']; ?>" >Подробнее </a>
	  
	  <?php } ?>
      <br /><br />
     


	 <?php if ($products[$j]['rating']) { ?>
<!--
	 <img src="catalog/view/theme/default/image/stars_<?php echo $products[$j]['rating'] . '.png'; ?>" alt="<?php echo $products[$j]['stars']; ?>" />
-->
	 <?php } ?>
      <?php } ?></td>
      <?php } ?>
    </tr>
    <?php } ?>
  </table>
</div>

<div class="bottom">
  <div class="left"></div>
  <div class="right"></div>
  <div class="center"></div>
</div>
<?php } ?>

вот код моего CSS файла :

Показати вміст




html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}
* {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url('../image/fon_body.png') repeat-x;
	

}
body, td, th, input, textarea, select, a {
	font-size: 12px;

}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
}
a, a:visited {
	color: #777777;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
p {
	margin-top: 0px;
}
/* layout */
#container {
	width: 960px;
	background: url('../image/fon_container.png') no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#header .div2 {
	float: left;
	padding-top: 15px;
	padding-left: 15px;
}

/*верхнее меню*/

#header .div3 {
	float: right;
	padding-top: 2px;
	height: 38px;
	font-size: 9px;
	color:#777777;
	
}
#header .div3 a {
	margin-left: 3px;
	margin-right: 3px;
	padding: 1px 0px 2px 0px;
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	font-size: 11px;
}

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

/*верхнее меню*/




/*горизонтальное меню*/

#header .div4 {
	width: 690px;
	clear: right;
	float: right;
	height: 32px;
	padding-right: 0px;
	margin-top: -16px;
	
}
#header .div4 a {
	float: left;
	margin-right: 0px;
	width: 115px;
	height: 41px;
	padding-top: 14px;
	padding-bottom: 0px;
	background: url('../image/menu_button.png') no-repeat;
	text-align: center;
	color: #777777;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	z-index: 1;
}

#header .div4 a:hover {
	
	background: url('../image/menu_button_hover.png') no-repeat;

}

#header .div4 a.selected {
	background: url('../image/menu_button_selected.png') no-repeat;
	color: #FFF;
	padding-bottom: 0px;
	z-index: 3;
}


/*горизонтальное меню*/

#header .div5 {
	clear: both;
}
#header .div5 .left {
/*	background: url('../image/header_1_left.png') no-repeat;    */
	width: 0px;
	height: 40px;
	float: left;
}
#header .div5 .right {
/*	background: url('../image/header_1_right.png') no-repeat;  */
	width: 0px;
	height: 40px;
	float: right;
}
#header .div5 .center {
/*	background: url('../image/header_1_center.png') repeat-x;  */
	height: 40px;
	margin-left: 5px;
	margin-right: 5px;
}
#header .div6 {
	clear: both;
	margin-bottom: 10px;
}
#header .div6 .left {
/*	background: url('../image/header_2_left.png') no-repeat;   */
	width: 5px;
	height: 32px;
	float: left;
}
#header .div6 .right {
/*	background: url('../image/header_2_right.png') no-repeat;   */
	width: 5px;
	height: 32px;
	float: right;
}
#header .div6 .center {
/*	background: url('../image/header_2_center.png') repeat-x;    */
	height: 32px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
#header .div7 {
	float: right;
	padding-top: 2px;
}
#header .div8 {
	float: left; margin-top: 6px;
}
#header .div9 {
	float: left;
}
#header .div10 {
	float: left; 
	margin-top: 1px;	
}
#search {
	padding-top: 22px;
	padding-left: 500px;
	color: #FFF;
	font-weight: bold;
	float:right;
	


}
#search select {
	border: 1px solid #0A5391;
	padding: 0px;
	
	
	
}
#search a {
	color: #FFF;
	
}
#search input {
	border: 0px solid #0A5391;
	padding: 0px 0px 0px 3px;
	background: url('../image/search_fon.png') no-repeat;
	margin-top: 1px;
	width:208px;
	height:23px;
    color: #777777;


}

#search  textarea{
	color: #999;

}


#breadcrumb {
	float: left;
	padding-top: 7px;
	padding-bottom: 11px;
	height: 13px;
	margin-bottom: 10px;
	color: #aaaaaa;
	margin-left: 170px;
	margin-top: -32px;
	font-size: 11px;
}

#breadcrumb a{
	color: #aaaaaa;
	text-decoration:none;
}	

#breadcrumb a:hover{
	color: #aaaaaa;
	text-decoration:underline;
}	




.switcher {
	float: right;	
	margin-top: 3px;
	margin-left: 10px;
}
.switcher a {
	text-decoration: none;
	display: block;
}
.switcher .selected {
	background: #FFFFFF url('../image/switcher.png') repeat-x;
}
.switcher .selected a {
	border: 1px solid #CCCCCC;
	background: url('../image/arrow_down.png') 116px center no-repeat;
	color: #666666;
	padding: 2px 5px 2px 5px;
	width: 121px;
}
.switcher .selected a:hover {
	background: #F0F0F0 url('../image/arrow_down.png') 116px center no-repeat;
}
.switcher .option {	
	position: absolute;
	z-index: 3;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	display: none;
	width: 131px;
}
.switcher .option a {
	color: #000;
	padding: 3px 5px 3px 5px;
}
.switcher .option a:hover {
	background: #FFC;
}
.switcher img {
	position: relative;
	top: 1px;
}
#column_left {
	float: left;
	width: 0px;
	margin-right: 0px;
	clear: left;
}
#column_right {
	float: right;
	width: 0px;
	margin-left: 0px;
	clear: right;
}
#content {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;

}


/*
#content .top .left {
	background: url('../image/content_top_left.png') no-repeat;
	width: 5px;
	height: 32px;
	float: left;
}


#content .top .right {
	background: url('../image/content_top_right.png') no-repeat;
	width: 5px;
	height: 32px;
	float: right;
}

*/
#content .top .center {
	background: url('../image/h1_fon.png') no-repeat;
	margin-left: 0px;
	margin-right: 0px;

}




#content .top h1, .heading {
	padding: 5px 0px 8px 11px;
	
}
#content h1, .heading {
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    left:15px;
	margin: 0px;
	
}
#content .middle {
    border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
    padding: 10px 10px 1px 10px;  
	min-height: 30px;
	

}

#content .bottom .left {
	background: url('../image/content_bottom_left.png') no-repeat;
	width: 5px;
	height: 5px;
	float: left;
}
#content .bottom .right {
	background: url('../image/content_bottom_right.png') no-repeat;
	width: 5px;
	height: 5px;
	float: right;
}
#content .bottom .center {
	background: url('../image/content_bottom_center.png') repeat-x;
	height: 5px;
	margin: 0 5px 10px 5px;
}
.box {
	margin-bottom: 10px;
/*	background: url('../image/box_top.png') no-repeat; */
}
.box .top {
	padding: 8px 0px 8px 7px;
	color: #000000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.box .top img {
	float: left;
	margin-right: 5px;
}
.box .middle {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px;
}
.box .bottom {
	height: 5px;
/*	background: url('../image/box_bottom.png') no-repeat; */
}
.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}
.button {
	padding-left: 8px;
	display: inline-block;
	margin-right: 0px;
	background: url('../image/button_left.png') top left no-repeat;
	text-decoration: none;
	color:#FFF;
}

.button:hover {

	background: url('../image/button_left_hover.png') top left no-repeat;

}




.button span {
	color: #FFF;
	display: block;
	padding: 4px 12px 5px 5px;
	background: url('../image/button_right.png') top right no-repeat;
}

.button:hover span  {

	background: url('../image/button_right_hover.png') top right no-repeat;
		font-weight: bold;

}



.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	padding: 5px;
	margin-bottom: 10px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}
.content {
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
	padding: 10px;
	margin-top: 3px;
	margin-bottom: 10px;
}
.list {
	margin-bottom: 10px;
	margin-top: 5px;
	width: 100%;
}
.list td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
	padding-bottom: 10px;
	padding-left:12px;
	padding-right:5px;
    border: 1px solid #CCCCCC;
}
.list td:hover {
background: url('../image/product_fon.png');
background-repeat:  repeat-x ;
background-position:  bottom;
}


.sort {
	margin-bottom: 10px;
	background: #F8F8F8;
	height: 30px;
	width: 100%;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}
.sort .div2 {
	text-align: right;
	padding-top: 9px;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.pagination {
	display: inline-block;
	width: 100%;
	background: #F8F8F8;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}
.tabs {
	width: 100%;
	height: 31px;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 0px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 0px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background:  url('../image/tab_fon.png') repeat-x;
	color: #444444;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background:  url('../image/tab_fon_selected.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
	color: #ffffff;
}
.tab_page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px;
	display: block;
	z-index: 2;
	margin-bottom: 10px;
	
}
#footer {
    
	width: 100%;
	clear: both;
	padding-top: 5px;
	
	height:110px;

}

#footer a{
    
	color: #FFFFFF;

}



#footer .div1 {
    background:  url('../image/footer_left.png') no-repeat ;
	height:110px;
	float: left;
	text-align: left;
	color: #DDDDDD;
	width:8px;
	
}
#footer .div2 {
    background:  url('../image/footer_right.png') no-repeat;
	height:110px;
	float: right;
	text-align: right;
	color: #DDDDDD;
	width:8px;
}

#footer .div3 {
    background:  url('../image/footer_center.png') repeat-x; 
	float: center;
	text-align: right;
	color: #fff;
	height:110px;
	padding-top:10px;
	padding-left:0px;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 12px;

}
#footer .div3 a {
    text-decoration: none;
	color: #fff;
	font-size: 14px;
	font-weight: normal;


}


#footer .div3 a:hover{
   text-decoration: underline;
	color: #FFFFFF;
	
}

#footer .div3 a img {
    opacity: 0;
}

#footer .div3 a img:hover {
    opacity: 1;
}




#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
/*	list-style: url('../image/bullet_1.png');  */
}
#information ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_2.png');
}
.cart {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #EEEEEE;
	margin-bottom: 10px;
}
.cart th {
   
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}
.tags, .tags a {
	font-style: italic;
	font-size: x-small;
}
#module_cart .middle {
	padding: 5px;
}
.cart_module_total {
	padding: 0 3px 0 3px;
	font-size: 0.9em; 
	color: #222;
}
.cart_remove {
	margin-top: 3px;
	background: url('../image/list_remove_btn.gif') no-repeat left center transparent;
	padding-right:10px;
	cursor:pointer;
}
.cart_remove_loading {
	margin-top: 3px;
	background: url('../image/ajax_load.gif') no-repeat transparent;
	padding-right:10px;
}
.button_add_small, a.button_add_small:visited {
	margin-top: 3px;
	background: url('../image/button_more.png') no-repeat left center transparent;
	padding:15px;
	text-decoration: none;
	cursor:pointer;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}


#content .middle .box {
	float: left;
	margin: 0 6px 10px 6px;
	min-height: 0px;
}
#content .middle .box .middle {
	width: 158px;
	min-height: 0px;
}




.mycategory {
    height:75px;
}
.categories {
    position: absolute;
	margin-top:-90px;
	margin-left: -8px;
}
.categories h3 {
   
    cursor: pointer;
    height: 7px;
    left: 6px;
    padding: 16px 0px 10px 0px;
    position: absolute;
    text-indent: -9999px;
    top: -10px;
    width: 173px;
    z-index: 1100;
}

h3 {
    font-size: 24px;
}
.categories ul {
    background-color: #000000;
    border: 1px solid #A7A7A7;
    display: none;
    left: -1px;
    list-style: none outside none;
    padding: 25px 10px 7px;
    position: absolute;
    top: 20px;
    width: 147px;
    z-index: 1000;
}
.categories:hover ul {
   display:block;
}
.categories ul li {
    color: #3B3B3A;
    font-size: 15px;
    padding: 4px 10px;
}
.categories ul li a {
    color: #fff;
    font-size: 12px;
}

.categories ul li a:hover {
	font-weight: bold;
}

.categories ul li ul {
    border-width: 0 0 0 1px;
    display: block;
    margin-top: 5px;
    padding: 0;
    position: relative;
    top: auto;
}
.sprite {
    background:  url("../image/mycategory_fon.png")  ;

}
.sprite:hover {
    background:  url("../image/mycategory_fon_hover.png")  ;

}


/*
.sprite {
    background: url("http://1.envato-static.com/images/sprites/sprite_themeforest.png?1299466799"
) no-repeat scroll left top transparent;
}

*/


#product_name  {
font-weight: bold; 
font-size: 12px;
text-decoration:none;


}

#product_name a  {
color: #0F0F0F;
font-weight: bold; 
font-size: 11px;
text-decoration:none;
}
#product_name a:hover  {
text-decoration:underline;
}

#product_price  {
color: #666666; 
font-weight: bold;
font-size: 10px;
}


/*кнопки в футере */

#demo {
 margin: -120px;
 float:left;
 margin-left: -34px;
 text-align: left;
 
}

#demo ul#menu {
 margin: 5px 0px;
 list-style: none;
 display: inline-block;
}
 
#demo ul#menu li {
 padding: 0px;
 float: left;
 position: relative;
 margin-left: 0px;
 margin-right: 3px;
 width: 32px;
 height: 32px;
}

#demo ul#menu li a {
 position: absolute;

}

#demo ul#menu li img {
 position: absolute;
 width: 32px;
 top: 0px;
 left: 0px;
 padding: 0px;
 margin: 0 8px 0 0;
 border: none;
 overflow: hidden;
}
/*кнопки в футере */

#welcome {
 margin: 120px;
float:left;
width:100%
 
}

#welcome h1 {
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    left:15px;
	margin: 0px;
	
}
#welcome .middle {
 float:left;
	

}

в нем кусок

.list td:hover {
background: url('../image/product_fon.png');
background-repeat:  repeat-x ;
background-position:  bottom;
}

отвечает как раз за код который Вам нужен (всмысле код который отвечает за фон ячейки при наведении)

Smallbear · 27 серпня 2011

Вы бы свой сайт выложили было бы понятней что Вам нужно , а то я и не сразу понял что Вы хотите..ВАм получается нужно поменять стиль отображения категорий,но при условии что есть подкатегории. Если честно я даже сразу не скажу что там менять нужно ,поидее через тег span пропистаь отдельный стиль нужно,только куда я не помню))

Alina20 · 27 серпня 2011

да я в этм разобралась, но при этом это еще выставляет рамку вокруг картинок в родительских категориях а мне нужно только вокруг всех товаров, кстати прописывать вроде в модулях во всех не нужно это ведь общий стиль по умолчанию, я просто в свои стили добавила

.list td {

text-align: center;

vertical-align: top;

padding-bottom: 10px;

border: 1ps solid #000;

.list td:hover {

background: url('../image/product_fon.png');

background-repeat: repeat-x ;

background-position: bottom;

}

и все, но это не совсем то что нужно, за код спасибо, мнеб вот подсказали в каком файле этот уникальный див задать чтоб он влиял только на товары..

Alina20 · 27 серпня 2011

В 27.08.2011 в 20:08, 'Smallbear' сказав:
...только куда я не помню))

вот это вопрос на 5 баксов :) куда?

Smallbear · 28 серпня 2011

В 27.08.2011 в 20:13, 'Alina20' сказав:
вот это вопрос на 5 баксов :) куда?

поидее нужно править тот же файл категорий theme\default\template\product\category.tpl

вот эта штука насколько я понимаю отвечает за вывод именно подкатегорий

<table class="list">
      <?php for ($i = 0; $i < sizeof($categories); $i = $i + 5) { ?>
      <tr>
        <?php for ($j = $i; $j < ($i + 5); $j++) { ?>
        <td width="20%"><?php if (isset($categories[$j])) { ?>
          <a href="<?php echo $categories[$j]['href']; ?>"><img src="<?php echo $categories[$j]['thumb']; ?>" title="<?php echo $categories[$j]['name']; ?>" alt="<?php echo $categories[$j]['name']; ?>" style="margin-bottom: 3px;" /></a><br />
          
 <span  id="product_name">		  
		  <a href="<?php echo $categories[$j]['href']; ?>"><?php echo $categories[$j]['name']; ?></a>
 </span>         
		  
		  <?php } ?></td>
        <?php } ?>
      </tr>
      <?php } ?>
    </table>

Alina20 · 28 серпня 2011

да, может быть - попробую - отпишу.

Вхід

Вид поля с товаром

Recommended Posts

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information