Jump to content
Sign in to follow this  
loveinn

кнопка "купить" в сетке товаров и в новинках [РЕШЕНО]

Recommended Posts

Подскажите, пожалуйста как сделать, чтобы кнопка "купить" в новинках (выводятся в правой колонке) имела свои настройки, не зависящие от основных настроек button add to cart? Получается, чтобы поставить в нужное место кнопку в сетке товаров я добавила position: relative; buttom: 20px; и в новинках вот что с ней делается:

post-20247-0-68164400-1359583648_thumb.png

Share this post


Link to post
Share on other sites

добавьте свойства через вышестоящий id # но это повлияет на все модули если нужно только новинки то введите свой клас или ид

  • +1 1

Share this post


Link to post
Share on other sites

а можно с примером - я пока с кодом на Вы и шепотом

Share this post


Link to post
Share on other sites

тогда давайте ссылку на сайт

и конкретнее задачу

кнопка должна так выглядеть только в новинках ? и только в правом блоке ? или так она должна выглядеть во всех модулях и везде ?

Share this post


Link to post
Share on other sites

Сайт на локальном сервере пока, но я могу сделать принтскрин с фаербагом чего нужно. А выглядеть как мне нужно она должна во всех модулях и везде, так действительно логичней будет - отдельный класс для кнопки "купить" в модулях

Share this post


Link to post
Share on other sites

ну вот что то типа такого сделать надо .box a.button ну и там стиль ему задать но какая точно у тебя конструкция я незнаю

Share this post


Link to post
Share on other sites

то есть достаточно это в stylesheet прописать, в теплейтах ничего делать не нужно?

Share this post


Link to post
Share on other sites

Вот что есть по Button

/* button */

a.button {

display: inline-block;

text-decoration: none;

cursor: pointer;

background: url('../image/button-bg.png') 0 bottom repeat-x #555555;

border-bottom:1px solid #B11116;

-webkit-border-radius:3px;

-moz-border-radius:3px;

-khtml-border-radius:3px;

border-radius:3px;

font-size:12px;

text-transform:none;

line-height:normal;

font-weight:bold;

position: relative;

bottom: 0px;

}

a.button.details {

background:url(../image/button-details-bg.png) repeat-x #e8e8e8;

border-bottom:1px solid #c2c1c1;

}

a.button.details span { color:#403f3f; }

a.button span {

color: #fff;

display: inline-block;

padding:4px 5px 4px 8px;

}

a.button.addToCart span {

background:url(../image/button-span.png) right 7px no-repeat;

padding-right:11px;

}

.common-home a.button.addToCart { float:left; margin-right:5px;}

.common-home .wishlist a.tip { margin-right:10px;}

a.button.addToCart {

padding-right:7px;

position: relative;

bottom: 20px;

}

a.button-2 {

display: inline-block;

color: #FFFFFF;

font-weight:600!important;

line-height:1.2em;

font-size: 11px;

text-transform:uppercase;

font-weight: bold;

display: inline-block;

font-family: 'Open Sans', sans-serif;

line-height:23px;

height:23px;

background: url('../image/button-right.png') top right no-repeat;

-webkit-border-radius:2px 2px 2px 2px;

-moz-border-radius:2px 2px 2px 2px;

-khtml-border-radius:2px 2px 2px 2px;

border-radius:2px 2px 2px 2px;

}

a.button-2:hover { background: url('../image/button-bg.png') 0 bottom repeat-x #596b55; border-bottom-color:#4a5947;}

a.button:hover { background: url('../image/button-bg.png') 0 top repeat-x #325268; border-bottom-color:#325266;}

a.button:hover span {

color: #fff;

}

.buttons {

overflow: auto;

padding: 6px;

margin-bottom: 20px;

}

.buttons .left {

float: left;

text-align: left;

}

.buttons .right {

float: right;

text-align: right;

}

.buttons .center {

text-align: center;

margin-left: auto;

margin-right: auto;

}

Share this post


Link to post
Share on other sites

В css делаете новый стиль кнопки, например button-n

В product/category.tpl и module/latest.tpl заменяете class="button" на class="button-n"

  • +1 1

Share this post


Link to post
Share on other sites

В css делаете новый стиль кнопки, например button-n

В product/category.tpl и module/latest.tpl заменяете class="button" на class="button-n"

Спасибо! Проблема решилась )

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.