ilnarius (03 Октябрь 2013 - 16:52) писал:
1как сделать так, чтобы при наведении на корзину иконка корзины не исчезала, а кол-во товаров не показывалось?
и когда наводишь на корзину, выпадат "сумма заказа" и она перекрывает надпись "корзина" как сместить выпадающее окно ниже?
Найдите в файле стилей style.css
.summary a:hover strong, .basket-info:hover .summary a strong {
background: #E9EDF1;
color: #FFFFFF;
}
и замените на
.summary a:hover strong,
.basket-info:hover .summary a strong {
color: #FFFFFF;
text-indent: -99999px;
}
далее найдите
.basket-summary {
background: #E9EDF1;
display: none;
padding: 0 1em 1em;
position: absolute;
right: 0;
width: 13.333em;
z-index: 1000;
}
и замените на
.basket-summary {
background: #E9EDF1;
display: none;
padding: 0 1em 1em;
position: absolute;
right: 0;
top: 10px;
width: 13.333em;
z-index: 1000;
}
не помогает, вставляя
.basket-summary {
background: #E9EDF1;
display: none;
padding: 0 1em 1em;
position: absolute;
right: 0;
top: 10px;
width: 13.333em;
z-index: 100
сайт становится кривым
Пожалуйста, по подробнее опишите проблему. Из вашего примера похоже что вы вставили код css без закрытия тега }, так как после применения изменений которые были описаны ранее - проблем возникнуть не должно. Проверьте правильно ли вы вставляете/изменяете код.
ilnarius (03 Октябрь 2013 - 22:48) писал:
1. как организовать такую штуку как здесь?
http://ocsnext.ebay.com/ocs/home?
2.
1)как убрать маленькую картинку, которая выходит при смене картинки в слайдере?
2) изменить серый фон
3) где изменяется шрифт, размер, и жирность букв
3. как сделать так, чтобы определенный слайдер показывался только в определенной категории товаров.?
1. Не понятен ваш вопрос. Пожалуйста, подробнее опишите что именно вы хотите реализовать.
1) Добавьте в файл стилей style.css
.nivoSlider img {
max-width: inherit;
}
2) Найдите в файле стилей style.css следующие 3 класса
.nav li li {
background: #DDDDDD;
}
.nav li li a {
background: #DDDDDD;
color: #000000;
display: block;
top: 0;
width: 130px;
}
.nav li li li {
background: #E6E6E6;
}
и измените в них цвет заданный в свойстве background
3) Параметры шрифта вы можете изменить в файле стилей, а именно в классе
.nav a {
color: #FFFFFF;
padding: 10px 15px;
text-transform: uppercase;
z-index: 50;
}
задайте необходимые свойства, например
.nav a {
color: #FFFFFF;
padding: 10px 15px;
text-transform: uppercase;
z-index: 50;
font-size: 11px;
}
3. Для этого можно использовать условие определения категории по имени. Найдите код вашего слайдера и замените код на образец вида
{% IF CATEGORY_NAME = Название категории %}
код слайдера
{% ELSEIF CATEGORY_NAME = Название категории2 %}
код слайдера
{% ELSE %}
код слайдера по умолчанию
{% ENDIF %}
где "Название категории" в условии должно быть заменено на реальное имя категории в которой вы хотите отображать тот или иной слайдер.
Для изменения стиля знака $ добавьте в ваш файл стилей правило
.price span > span:first-of-type {
font-size: 18px;
font-weight: bold;
color: red;
}