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

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


Recommended Posts

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

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

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


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

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

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

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

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

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

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

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


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

}

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


Гість
Ця тема закрита для публікації повідомлень.
  • Зараз на сторінці   0 користувачів

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

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

Important Information

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