Версия ocStore 2.3.0.2
Шаблон default
Решил делать по нормальному через css...
Добавил в /catalog/view/theme/default/template/common/home.tpl
<div class="benefits">
<ul>
<li class="first">
<a rel="nofollow" href="http://swatch24.com/index.php?route=information/information&information_id=6" id="ben-one" title="Узнать подробности">
<span class="ben-img"></span>
"Текст"
<br>
"Текст"
</a>
</li>
<li>
<a id="ben-two">
<span class="ben-img"></span>
"Текст"
<br>
"Текст"
</a>
</li>
<li class="last">
<a id="ben-four">
<span class="ben-img"></span>
"Текст"
<br>
"Текст"
</a>
</li>
</ul>
</div>
И соответственно добавил в /catalog/view/theme/default/stylesheet/stylesheet.css (в самый конец файла)
element.style {
}
stylesheet.css:2253
.benefits {
width: 100%;
margin: 50px 0px;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 50px;
margin-left: 0px;
div {
display: block;
}
element.style {
}
stylesheet.css:2257
.benefits ul {
list-style: none;
list-style-type: none;
list-style-position: initial;
list-style-image: initial;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
margin: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
element.style {
}
stylesheet.css:117
#content ul li {
margin-bottom: 10px;
}
stylesheet.css:2266
.benefits ul li.first {
margin-left: 0px;
}
stylesheet.css:2262
.benefits ul li {
float: left;
margin-left: 33px;
}
user agent stylesheet
li {
display: list-item;
text-align: -webkit-match-parent;
}
element.style {
}
stylesheet.css:2275
.benefits ul li a {
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 24px;
display: block;
width: 220px;
color: #000;
background-repeat: no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position: top center;
background-position-x: center;
background-position-y: top;
}
element.style {
}
stylesheet.css:2294
#ben-one .ben-img {
background-image: url(catalog/view/theme/default/image/home/1.png);
background-position: 0 0;
background-position-x: 0px;
background-position-y: 0px;
width: 104px;
}
stylesheet.css:2289
.ben-img {
height: 70px;
display: block;
margin: 10px auto;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
element.style {
}
stylesheet.css:2324
a#ben-two, a#ben-four {
cursor: default!important;
}
stylesheet.css:62
a, a:visited, a b {
color: #38B0E3;
text-decoration: underline;
cursor: pointer;
}
stylesheet.css:16
body, td, th, input, textarea, select, a {
font-size: 13px;
}
Inherited from li
user agent stylesheet
li {
display: list-item;
text-align: -webkit-match-parent;
}
element.style {
}
stylesheet.css:2303
#ben-two .ben-img {
background-image: url(catalog/view/theme/default/image/home/2.png);
background-position: -105px 0;
background-position-x: -105px;
background-position-y: 0px;
width: 85px;
}
element.style {
stylesheet.css:2270
.benefits ul li.last {
margin-right: 0px;
}
user agent stylesheet
li {
display: list-item;
text-align: -webkit-match-parent;
}
element.style {
}
Inherited from li.last
user agent stylesheet
li {
display: list-item;
text-align: -webkit-match-parent;
}
element.style {
}
stylesheet.css:2318
#ben-four .ben-img {
background-image: url(catalog/view/theme/default/image/home/3.png);
background-position: -262px 0;
background-position-x: -262px;
background-position-y: 0px;
width: 81px;
}
В итоге получилось так:
А нужно примерно вот так (др.картинки / другой текст)