Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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

Alina20
 Share

Recommended Posts

Alina20 Collaborator

Alina20

Опубліковано:
Опубліковано:

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

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

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

Alina20 Collaborator

Alina20

Опубліковано:
  • Автор
Опубліковано:

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

.list td {

text-align: center;

vertical-align: top;

padding-bottom: 10px;

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

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

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

Alina20 Collaborator

Alina20

Опубліковано:
  • Автор
Опубліковано:

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

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

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

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

.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/ (надеюсь человек поймет что я выложила его сайт)

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

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

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

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

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

Smallbear Mentor

Smallbear

Опубліковано:
Опубліковано:

Чтобы люди понимали о чем речь я сам свой сайт выложу 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 Mentor

Smallbear

Опубліковано:
Опубліковано:

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

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

Alina20 Collaborator

Alina20

Опубліковано:
  • Автор
Опубліковано:

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

.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;

}

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

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

Smallbear Mentor

Smallbear

Опубліковано:
Опубліковано:

вот это вопрос на 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>
Надіслати
Поділитися на інших сайтах

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

Ви повинні бути користувачем, щоб залишити коментар

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

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
 Share
Перейти до списку тем

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

    • Ні користувачів, які переглядиють цю сторінку

Покупцям

Розробникам

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

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

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду