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


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

Автор марик, 18 мая 2014 22:18
товар

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

#1 марик

марик

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

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

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

Доброе время суток.
Снова за помощью. Решила сменить шапку сайта.
1. Переставить баннеры к слайдеру. Слайдер слава, баннеры справа. И чтобы баннеры были не впритык друг к другу. Отображались только на главной.
2. Подравнять слайдер к Каталогу товаров. рисунок
3. В блоке " Вы смотрели" увеличить картинку товара в 2 раза
4. В карточке товара сделать, чтобы название товара было обычным (не выделено жирным), а цена выделена. И та, что зачеркнута меньше, чем та что идет по скидке и другого цвета.  Например, та, что зачеркнута серым, а та что по скидке оранжевым (или другим цветом). рисунок
5. Поставить в подвал рисунок, чтобы он был все время на ссылках.

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

  • 2014-05-12_153211.jpg
  • 2014-05-18_230806.jpg
  • 2014-05-18_231038.jpg

#2 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

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

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

Доброе время суток.
Снова за помощью. Решила сменить шапку сайта.
1. Переставить баннеры к слайдеру. Слайдер слава, баннеры справа. И чтобы баннеры были не впритык друг к другу. Отображались только на главной.
2. Подравнять слайдер к Каталогу товаров. рисунок
3. В блоке " Вы смотрели" увеличить картинку товара в 2 раза
4. В карточке товара сделать, чтобы название товара было обычным (не выделено жирным), а цена выделена. И та, что зачеркнута меньше, чем та что идет по скидке и другого цвета.  Например, та, что зачеркнута серым, а та что по скидке оранжевым (или другим цветом). рисунок
5. Поставить в подвал рисунок, чтобы он был все время на ссылках.

1) В шаблоне HTML вырежьте код:
<div class="indents-banners" style="">
<a href="http://magic-jewelry.ru/page/Скидки" ><img src="http://i64.fastpic.ru/big/2014/0512/75/27019c6e7719d1b3fb5747d63cd09375.jpg" alt="Скидки" /></a>
<a href=" " ><img src="http://i62.fastpic.ru/big/2014/0512/c7/f97808e272e4904ed9614dd4c0b6ddc7.jpg" alt="Безналичный расчет" /></a>
<a href="http://magic-jewelry.ru/page/Доставка " ><img src="http://i63.fastpic.ru/big/2014/0512/fa/4e8b65bf95c6efff88be403aa38395fa.jpg" alt="Бесплатная доставка" /></a>
<a href=" " ><img src="http://i63.fastpic.ru/big/2014/0512/59/e9688d4cc6ab70d43d169d642e918259.jpg" alt="Подарки" /></a>
</div>

и вставьте его перед  {BODY}

Как произведете изменения - напишите, поможем все правильно расположить.

#3 марик

марик

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

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

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

Просмотр сообщенияMikDark (19 Май 2014 - 06:53) писал:

1) В шаблоне HTML вырежьте код:
<div class="indents-banners" style="">
<a href="http://magic-jewelry.ru/page/Скидки" ><img src="http://i64.fastpic.ru/big/2014/0512/75/27019c6e7719d1b3fb5747d63cd09375.jpg" alt="Скидки" /></a>
<a href=" " ><img src="http://i62.fastpic.ru/big/2014/0512/c7/f97808e272e4904ed9614dd4c0b6ddc7.jpg" alt="Безналичный расчет" /></a>
<a href="http://magic-jewelry.ru/page/Доставка " ><img src="http://i63.fastpic.ru/big/2014/0512/fa/4e8b65bf95c6efff88be403aa38395fa.jpg" alt="Бесплатная доставка" /></a>
<a href=" " ><img src="http://i63.fastpic.ru/big/2014/0512/59/e9688d4cc6ab70d43d169d642e918259.jpg" alt="Подарки" /></a>
</div>

и вставьте его перед  {BODY}

Как произведете изменения - напишите, поможем все правильно расположить.

Готово.

#4 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

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

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

Готово.

Не перед <body>, а перед {BODY}

Примерно 520-я строка.

#5 марик

марик

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

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

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

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

Не перед <body>, а перед {BODY}

Примерно 520-я строка.

Сделано.

#6 марик

марик

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

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

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

Что дальше делать-то?

#7 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

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

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

Что дальше делать-то?

В main.css удалите код:
.indents-banners{position:absolute;left:10px;top:285px;width: 950;}

#8 марик

марик

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

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

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

Просмотр сообщенияMikDark (19 Май 2014 - 13:36) писал:

В main.css удалите код:
.indents-banners{position:absolute;left:10px;top:285px;width: 950;}

Сделано, жду дальнейших инструкций.

#9 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

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

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

Сделано, жду дальнейших инструкций.

В main.css добавляем:
.theme-default {float:left;}
#breadcrumb {clear: both;}

#10 марик

марик

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

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

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

Вот, что получилось. рисунок.
Надо слайдер поднять наверх. Баннеры подравнять на ширину таблицы и сделать одной шириной со слайдером.

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

  • 2014-05-19_165926.jpg

#11 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

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

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

Вот, что получилось. рисунок.
Надо слайдер поднять наверх. Баннеры подравнять на ширину таблицы и сделать одной шириной со слайдером.

В main.css добавляем:
.indents-banners {
float: right;
width: 222px;
padding: 1em;
}
.indents-banners img {
margin-bottom: 66px;
}
.indents-banners img:last-child {
margin-bottom: 0px;
}

#12 марик

марик

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

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

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

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

В main.css добавляем:
.indents-banners {
float: right;
width: 222px;
padding: 1em;
}
.indents-banners img {
margin-bottom: 66px;
}
.indents-banners img:last-child {
margin-bottom: 0px;
}

Все еще не на одной линии.
Заменила баннеры на более крупные.

Надо, чтобы баннеры появлялись только на Главной, а сейчас они на всех страницах.

#13 марик

марик

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

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

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

Пока ждала помощи, кое-что сделала сама. Проверьте, пож-та, все ли правильно?
Остались не решенные:
3. В блоке " Вы смотрели" увеличить картинку товара в 2 раза
4. В карточке товара сделать, чтобы название товара было обычным (не выделено жирным), а цена выделена. И та, что зачеркнута меньше, чем та что идет по скидке и другого цвета.  Например, та, что зачеркнута серым, а та что по скидке оранжевым (или другим цветом). рисунок
5. Поставить в подвал рисунок, чтобы он был все время на ссылках.

#14 daria_dnk

daria_dnk

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

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

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

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

Пока ждала помощи, кое-что сделала сама. Проверьте, пож-та, все ли правильно?
Остались не решенные:
3. В блоке " Вы смотрели" увеличить картинку товара в 2 раза
4. В карточке товара сделать, чтобы название товара было обычным (не выделено жирным), а цена выделена. И та, что зачеркнута меньше, чем та что идет по скидке и другого цвета.  Например, та, что зачеркнута серым, а та что по скидке оранжевым (или другим цветом). рисунок
5. Поставить в подвал рисунок, чтобы он был все время на ссылках.
Здравствуйте!
3. В шаблоне HTML найдите строку    
<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
замените на
   
 <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-small" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
4. У Вас название товара не выделено жирным. Может Вам нужно уменьшить размер? Чтобы выделить цену жирным найдите в шаблоне main.css строку
.goodsDataMainModificationPriceNow {font-size:1.5em;color:#F2912D;margin:0px;white-space:nowrap;}
замените на:
.goodsDataMainModificationPriceNow {font-size:1.5em;color:#F2912D;margin:0px;white-space:nowrap;font-weight: 900;}

Для изменения старой цены товара (зачеркнутой) в том же шаблоне найдите строку:
.goodsDataMainModificationPriceOld {display:block;}
замените на
.goodsDataMainModificationPriceOld {display:block;color: rgb(180, 196, 209);}
замените значение параметра color на нужный Вам цвет.

5. По данному вопросу уточните пожалуйста - Вы хотите установить в подвал фоновый рисунок вместо белого фона или что?

#15 марик

марик

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

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

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

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

Здравствуйте!
3. В шаблоне HTML найдите строку    
<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
замените на
   
 <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-small" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>

рисунки стали больше (даже слишком, чуть-чуть поменьше бы), но надписи "убежали" за таблицу.

#16 марик

марик

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

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

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

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

Здравствуйте!
3. В шаблоне HTML найдите строку    
<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
замените на
   
 <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-small" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
2. У Вас название товара не выделено жирным. Может Вам нужно уменьшить размер? Чтобы выделить цену жирным найдите в шаблоне main.css строку
.goodsDataMainModificationPriceNow {font-size:1.5em;color:#F2912D;margin:0px;white-space:nowrap;}
замените на:
.goodsDataMainModificationPriceNow {font-size:1.5em;color:#F2912D;margin:0px;white-space:nowrap;font-weight: 900;}

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

#17 марик

марик

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

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

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

1. рисунки стали больше (даже слишком, чуть-чуть поменьше бы), но надписи "убежали" за таблицу.
2. цвет зачеркнутой цены поменялся только в описании товара, а нужно, чтобы он был и в Каталоге товаров.
3. цена не изменилась
4. Да, хочу поставить свой рисунок и зафиксировать его. как шапку, например.

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

  • 2014-05-19_230246.jpg

#18 daria_dnk

daria_dnk

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

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

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

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

рисунки стали больше (даже слишком, чуть-чуть поменьше бы), но надписи "убежали" за таблицу.
Из-за увеличения размера картинок текст просто не убирается в отведенный блок.

В шаблоне main.css строку
.goods-image-small {max-width:150px; max-height:150px}
замените на
.goods-image-small {max-width: 75px; max-height: 75px;}


Чтобы установить фон в подвале в шаблоне main.css найдите строку
#footer {background: url() 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}

в параметре background вставьте в url в скобках ссылку на Вашу картинку.

#19 марик

марик

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

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

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

Просмотр сообщенияdaria_dnk (19 Май 2014 - 22:09) писал:

Из-за увеличения размера картинок текст просто не убирается в отведенный блок.

В шаблоне main.css строку
.goods-image-small {max-width:150px; max-height:150px}
замените на
.goods-image-small {max-width: 75px; max-height: 75px;}


а как поставить надписи под рисунки?
75 не выход. В каталоге рисунки становятся очень маленькими.

#20 марик

марик

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

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

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

Вернула блок Вы смотрели в прежний вид. Похоже здесь нечего нельзя сделать. Огромные рисунки меня не устраивают, а маленькие не нужны в Каталоге.
Что с ценами делать?
Обратно в Шаблон Мокко



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

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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. Privacy Policy