Перейти к содержанию
loveinn

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

Рекомендуемые сообщения

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вот что есть по 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;

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость
Эта тема закрыта для публикации ответов.

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.