Решилось добавлением <div class="spisok"> в файл categoryhome.tpl выглядит так:
<div class="box">
<div class="box categoryhome">
<div class="box-heading"><?php echo $heading_title; ?></div>
<div class="box-content">
<div class="box-product">
<?php foreach ($categoryhome as $categoryhome) { ?>
<div class="spisok">
<div class="yoz"><a href="<?php echo $categoryhome['href']; ?>"><img src="<?php echo $categoryhome['thumb']; ?>" alt="<?php echo $categoryhome['name']; ?>" border="1" title="<?php echo $categoryhome['name']; ?>" /></a></div>
<div class="name"><a href="<?php echo $categoryhome['href']; ?>"><?php echo $categoryhome['name']; ?></a></div>
</div>
<?php } ?>
</div>
</div>
</div>
Далее в файл stylesheet.css добавление:
.spisok {
display:inline-block;
width: 110px;
height:150px;
}
Стало выглядеть:
/*categoryhome*/
.box-product .yoz:hover {
opacity:0.5; /* FF, Opera, Safari, Chrome */
}
.spisok {
display:inline-block;
width: 110px;
height:150px;
}
.box-product .yoz {
opacity: 0.9;
margin: 10px 0 0 5px;
-webkit-box-shadow: 0px 0px 9px 1px rgba(1, 1, 1, 0.5);
box-shadow: 0px 0px 9px 1px rgba(1, 1, 1, 0.5);
padding: 0px;
border: 0px double #CCCCCC;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display: inline-block;
}