Перейти к содержимому


Карточка Товара, Баннер, Блок "вы Смотрели"

товар

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 34

#21 daria_dnk

daria_dnk

    Активный участник

  • Модератоpы
  • 482 сообщений

Отправлено 19 Май 2014 - 22:40

Просмотр сообщениямарик (19 Май 2014 - 21:57) писал:

Нет, мне надо, чтобы название как раз оставалось обычным, а цена была "жирной". Когда я пытаюсь выделить либо цену, либо название, жирным становится оба.
Попробуйте Ваш код
.goodsDataMainModificationPriceNow {font-size:1.5em;color:#F2912D;margin:0px;white-space:nowrap;font-weight: 950;}
заменить на
.goodsDataMainModificationPriceNow {font-size:1.5em;color:#F2912D;margin:0px;white-space:nowrap;font-weight: bolder;}

В каталоге поменять цвет зачеркнутой цены: в шаблоне Товар найдите строку
<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
замените на
<a style="color:red;" href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>

и замените значение параметра color на нужный Вам цвет.

#22 марик

марик

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений

Отправлено 19 Май 2014 - 22:56

не помогло.
1. цена стала жирной НО только в описании товара. вид в Каталоге не изменился!
2. Цвет зачеркнутой цены не изменился.
3. поставила фон в подвале. нужно чтобы он был всегда в центре и не двигался.

#23 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Май 2014 - 01:33

1. В каталоге цена имеет стиль font-weight:bold;
2. В main.css допишите:
.goodsListItemBlock a.lineThrough{
color:#cccccc !important;
}
значение стиля можете изменить на необходимый.
3.В main.css найдите:
#footer {background: url(http://i62.fastpic.ru/big/2014/0519/15/62bb11507a8ce4d27978c0d17e9f7e15.png) no-repeat;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;margin: 0px;padding: 0px;text-align: center; height: 100px; font-size: 85%; margin: 0}
замените на:
#footer {background: url(http://i62.fastpic.ru/big/2014/0519/15/62bb11507a8ce4d27978c0d17e9f7e15.png) no-repeat center top;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;margin: 0px;padding: 0px;text-align: center; height: 100px; font-size: 85%; margin: 0}


#24 марик

марик

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений

Отправлено 20 Май 2014 - 12:28

Просмотр сообщенияVaccina (20 Май 2014 - 01:33) писал:

1. В каталоге цена имеет стиль font-weight:bold; 2. В main.css допишите:
 .goodsListItemBlock a.lineThrough{ color:#cccccc !important; } 
значение стиля можете изменить на необходимый. 3.В main.css найдите:
 #footer {background: url(http://i62.fastpic.ru/big/2014/0519/15/62bb11507a8ce4d27978c0d17e9f7e15.png) no-repeat;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;margin: 0px;padding: 0px;text-align: center; height: 100px; font-size: 85%; margin: 0} 
замените на:
 #footer {background: url(http://i62.fastpic.ru/big/2014/0519/15/62bb11507a8ce4d27978c0d17e9f7e15.png) no-repeat center top;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;margin: 0px;padding: 0px;text-align: center; height: 100px; font-size: 85%; margin: 0} 

Спасибо, все получилось.

#25 марик

марик

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений

Отправлено 20 Май 2014 - 16:55

возникли небольшие вопросы.
1. по всплывающую корзину. Как отодвинуть ссылки друг от друга и возможно ли туда поставить картинки рядом с ссылкой? рисунок
2. в левом меню, подменю сделать меньше и немного отодвинуть вправо. рисунок

Прикрепленные изображения

  • 2014-05-20_174118.jpg
  • 2014-05-20_154124.jpg


#26 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 20 Май 2014 - 17:18

Просмотр сообщениямарик (20 Май 2014 - 16:55) писал:

возникли небольшие вопросы.
1. по всплывающую корзину. Как отодвинуть ссылки друг от друга и возможно ли туда поставить картинки рядом с ссылкой? рисунок
2. в левом меню, подменю сделать меньше и немного отодвинуть вправо. рисунок
1.Здравствуйте найдите в cartpanel.css
#float-cart a {
color: #E5F806;
font:11pt arial, helvetics, sens-serif;
}
замените на

#float-cart a {
color: #E5F806;
font:11pt arial, helvetics, sens-serif;margin-left: 9px;
}
отступ меняете через свойство margin-left: 9px;
2.  в HTML находим

<li>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
заменяем на


<li>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px;margin-left:{catalog.LEVEL | multiply("25")}px;font-size:{catalog.LEVEL | multiply("16")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}


#27 марик

марик

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений

Отправлено 20 Май 2014 - 17:25

Просмотр сообщенияИрина345 (20 Май 2014 - 17:18) писал:

1.Здравствуйте найдите в cartpanel.css
#float-cart a {
color: #E5F806;
font:11pt arial, helvetics, sens-serif;
}
замените на

#float-cart a {
color: #E5F806;
font:11pt arial, helvetics, sens-serif;margin-left: 9px;
}
отступ меняете через свойство margin-left: 9px;
2.  в HTML находим

<li>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
заменяем на


<li>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px;margin-left:{catalog.LEVEL | multiply("20")}px;font-size:{catalog.LEVEL | multiply("16")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}


С корзиной все получилось (спасибо!), а вот левое меню стало огромным.
Надо убрать вторые черточки между ссылками и немного "прижать" его.


Еще обнаружила "ляп" когда открылось подменю подкатегории то надпись просто гигантских размеров! Как это можно исправить?

Прикрепленные изображения

  • 2014-05-20_181747.jpg
  • 2014-05-20_182307.jpg


#28 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 20 Май 2014 - 17:42

Просмотр сообщениямарик (20 Май 2014 - 17:25) писал:

С корзиной все получилось (спасибо!), а вот левое меню стало огромным.
Надо убрать вторые черточки между ссылками и немного "прижать" его.


Еще обнаружила "ляп" когда открылось подменю подкатегории то надпись просто гигантских размеров! Как это можно исправить?
Я изменила код повторите инструкцию.

Просмотр сообщенияИрина345 (20 Май 2014 - 17:18) писал:

1.Здравствуйте найдите в cartpanel.css
#float-cart a {
color: #E5F806;
font:11pt arial, helvetics, sens-serif;
}
замените на

#float-cart a {
color: #E5F806;
font:11pt arial, helvetics, sens-serif;margin-left: 9px;
}
отступ меняете через свойство margin-left: 9px;
2.  в HTML находим

<li>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
заменяем на


<li>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px;margin-left:{catalog.LEVEL | multiply("25")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}


#29 марик

марик

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений

Отправлено 20 Май 2014 - 17:50

Просмотр сообщенияИрина345 (20 Май 2014 - 17:42) писал:

Я изменила код повторите инструкцию.

Спасибо.
Надо убрать вторые черточки между ссылками и немного "прижать" его.
И немного подтянуть ссылки к рисунку. скрин

Прикрепленные изображения

  • 2014-05-20_184436.jpg


#30 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 20 Май 2014 - 18:03

Просмотр сообщениямарик (20 Май 2014 - 17:50) писал:

Спасибо.
Надо убрать вторые черточки между ссылками и немного "прижать" его.
И немного подтянуть ссылки к рисунку. скрин
находим строку
 {% IFNOT catalog.HIDE %}
					  <li>
						<li>
<a href="{catalog.URL}"
заменяем на

 {% IFNOT catalog.HIDE %}
					  <li>
					  
<a href="{catalog.URL}"
попробуйте поменять значение
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px;margin-left:{catalog.LEVEL | multiply("25")}px"{% ENDIF %}
уменьшите до 10

#31 марик

марик

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений

Отправлено 20 Май 2014 - 18:07

Просмотр сообщенияИрина345 (20 Май 2014 - 18:03) писал:

находим строку
{% IFNOT catalog.HIDE %}
<li>
<li>
<a href="{catalog.URL}"
заменяем на

{% IFNOT catalog.HIDE %}
<li>

<a href="{catalog.URL}"
попробуйте поменять значение
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px;margin-left:{catalog.LEVEL | multiply("25")}px"{% ENDIF %}
уменьшите до 10

Меню стало меньше. Поменяла с 20 на 10 и ссылки подменю залезли на рисунок. Поставила 18, но все равно это не то.

#32 lew

lew

    Активный участник

  • Модератоpы
  • 244 сообщений

Отправлено 20 Май 2014 - 19:57

удалите padding-left
и всё должно получится по красоте.
то есть такая строчка у вас должна быть
{% IF catalog.LEVEL>0%}style="margin-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}


#33 марик

марик

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений

Отправлено 20 Май 2014 - 20:02

Просмотр сообщенияlew (20 Май 2014 - 19:57) писал:

удалите padding-left
и всё должно получится по красоте.
то есть такая строчка у вас должна быть
{% IF catalog.LEVEL>0%}style="margin-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}

Красота неописуемая) Спасибо огромное!
Вот еще вопрос тогда у меня. Отодвигаю друг от друга ссылки в всплывающей корзине и кнопка Вверх уходит за края таблички. Я что-то пропустила?
Делаю по инструкции:
#float-cart a {
color: #E5F806;
font:11pt arial, helvetics, sens-serif;
}
замените на

#float-cart a {
color: #E5F806;
font:11pt arial, helvetics, sens-serif;margin-left: 9px;
}
отступ меняете через свойство margin-left: 9px;

#34 lew

lew

    Активный участник

  • Модератоpы
  • 244 сообщений

Отправлено 20 Май 2014 - 20:31

найдите в HTML строчку  (строчка примерно 600-700)
<li id="back-top"><a href="#top">Вверх <span>&#x25B2;</span></a></li>
добавьте в неё margin: 0;
то есть у вас вот что должно получиться
<li id="back-top"><a style="margin: 0;" href="#top">Вверх <span>&#x25B2;</span></a></li>


#35 марик

марик

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений

Отправлено 20 Май 2014 - 20:40

Просмотр сообщенияlew (20 Май 2014 - 20:31) писал:

найдите в HTML строчку  (строчка примерно 600-700)
<li id="back-top"><a href="#top">Вверх <span>&#x25B2;</span></a></li>
добавьте в неё margin: 0;
то есть у вас вот что должно получиться
<li id="back-top"><a style="margin: 0;" href="#top">Вверх <span>&#x25B2;</span></a></li>

Все в норме. Спасибо!





Темы с аналогичным тегами товар

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных