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


Блок Новостей, Заголовки На Главной


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

#21 puncherstore

puncherstore

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

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

Отправлено 07 Август 2013 - 14:46

Спасибо! Далее вопросы:

1)Как добавить второй номер телефона и убрать время работы? (В настройках указан, но не отображается

2)Как двигать блоки?
а) Передвинуть корзину вверх
б) убрать скайп и сдвинуть вправо телефоны, как на картинке выше?

3) Как изменить цвет новостей в блоке "Новости магазина" на главной (слева под корзиной) с красного на черный?

4) Как менять текст названия товара? (рисунок прикрепил)

Спасибо

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

  • Цвет названия.png


#22 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 07 Август 2013 - 16:09

Просмотр сообщенияLeprekon20 (07 Август 2013 - 14:46) писал:

Спасибо! Далее вопросы:

1)Как добавить второй номер телефона и убрать время работы? (В настройках указан, но не отображается

2)Как двигать блоки?
а) Передвинуть корзину вверх
б) убрать скайп и сдвинуть вправо телефоны, как на картинке выше?

3) Как изменить цвет новостей в блоке "Новости магазина" на главной (слева под корзиной) с красного на черный?

4) Как менять текст названия товара? (рисунок прикрепил)

Спасибо
В main.css код
#hdr .right ul { float:left; margin:25px 0 0 0; }
измените так
#hdr .right ul { float:right; margin:25px 0 0 0; }
Код
#hdr .right ul li.skype { background:url({ASSETS_IMAGES_PATH}skype.png) left center no-repeat; padding:5px 0 5px 35px; }
#hdr .right ul li.tele span { font-size:11px; color:#c40000; }
замените на этот
#hdr .right ul li.skype { background:url({ASSETS_IMAGES_PATH}skype.png) left center no-repeat; padding:5px 0 5px 35px; display:none;}
#hdr .right ul li.tele span { font-size:11px; color:#c40000; display:none;}
Далее код в html
<li class="tele">{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
			  
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
  
				{% ENDIF %}<br /><span>{% IF SETTINGS_STORE_WORK_TIME %}
замените на
<li class="tele">{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
			  
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
  
				{% ENDIF %}<br />{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
			  
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
  
				{% ENDIF %}<br /><span>{% IF SETTINGS_STORE_WORK_TIME %}
Так мы выполнили пункты 1 и 2б.
2a. В main.css в коде
#hdr .rever { float:right; height:86px; overflow:hidden; font:normal 12px PT Sans Narrow, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#e30000; margin:0 0 0 0; line-height:88px; }
margin:0 0 0 0; - отступы, первый 0 - отступ сверху, можно задать отрицательное значение, например margin:-45px 0 0 0;
3. В main.css после строки
.contentTbodyNews {padding-left:0.7em;padding:10px;}
добавьте такую строку
.contentTbodyNews a {color: black;}
4. Вы вроде уже нашли, но на всякий случай в main.css
#novinki h3.product-name a {
color: black;
}
сюда же можно дописывать размер шрифта, стиль шрифта и т.д.

#23 puncherstore

puncherstore

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

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

Отправлено 08 Август 2013 - 15:03

Медленно но верно приближаемся к желаемому результату) спасибо говорить не устану) Спасибо!

С шапкой разобрался, все сделал

По пункту 4) Как менять текст названия товара? (рисунок прикрепил)

Разобрался как делать это на главной, а вот самом каталоге цвет красный, хочу поменять, как сделать?


С бирками вроде бы все хорошо, но только в гугл хром.

На рисунках ситуация в браузерах опера/мозилла и экслоер. Соответственно в первых двух бирки покрыты какой-то рябью и там где они не должны быть на их месте пометка изображение (на рисунке видно), а вот в IE вообще не открылся сайт,поможете?

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

  • Бирки Опера.png
  • Бирки IE.png


#24 shnafix

shnafix

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

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

Отправлено 08 Август 2013 - 21:35

Просмотр сообщенияLeprekon20 (08 Август 2013 - 15:03) писал:

Медленно но верно приближаемся к желаемому результату) спасибо говорить не устану) Спасибо!

С шапкой разобрался, все сделал

По пункту 4) Как менять текст названия товара? (рисунок прикрепил)

Разобрался как делать это на главной, а вот самом каталоге цвет красный, хочу поменять, как сделать?


С бирками вроде бы все хорошо, но только в гугл хром.

На рисунках ситуация в браузерах опера/мозилла и экслоер. Соответственно в первых двух бирки покрыты какой-то рябью и там где они не должны быть на их месте пометка изображение (на рисунке видно), а вот в IE вообще не открылся сайт,поможете?
1. Текст названия товара в каталоге. В main.css найдите блок
.products-grid .product-name a {
display:inline-block;
font:bold 12px/21px Arial, Helvetica, sans-serif;
line-height:17px;
color:#d90a0a;
text-decoration:none;
text-transform:none;
}
и измените параметр color:#d90a0a;
2.Зашел на ваш сайт с оперы и с мозиллы, все бирки отображаются.
3. Для корректной работы сайта в IE в html найдите строку
<meta http-equiv="X-UA-Compatible" content="IE=7">
и удалите ее.

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

  • ScreenShot 2.png


#25 puncherstore

puncherstore

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

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

Отправлено 09 Август 2013 - 11:37

Бирки отображаются, но в каталоге, ситуация следующая:

1. В гугл хром все идеально (бирки сглаженные, такие какие должны быть)

2. В остальных браузерах изображение бирки с какой-то рябью, не сглаженные. Плюс там где бирка не должна быть, на ее месте появляется либо пустой квадрат, либо квадрат с надписью изображение (фото прикрепил) Как сделать ровные сглаженные бирки в других браузерах и убрать эти непонятные квадраты?

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

  • Нормальные бирки гугл.png
  • Кривые бирки, опера, IE.png


#26 support 2.0

support 2.0

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

  • Модераторы
  • 4 924 сообщений

Отправлено 09 Август 2013 - 15:36

Просмотр сообщенияLeprekon20 (09 Август 2013 - 11:37) писал:

Бирки отображаются, но в каталоге, ситуация следующая:

1. В гугл хром все идеально (бирки сглаженные, такие какие должны быть)

2. В остальных браузерах изображение бирки с какой-то рябью, не сглаженные. Плюс там где бирка не должна быть, на ее месте появляется либо пустой квадрат, либо квадрат с надписью изображение (фото прикрепил) Как сделать ровные сглаженные бирки в других браузерах и убрать эти непонятные квадраты?

попробуйте следующее: замените в шаблоне Товары строчку
  <img class="newhit" {% IF goods.IS_NEW %} src="{ASSETS_IMAGES_PATH}new.png" {%ELSEIF goods.IS_TOP %} src="{ASSETS_IMAGES_PATH}hit.png" alt=""{% ENDIF %}/>
на эту
  <img class="newhit" {% IF goods.IS_NEW %} src="{ASSETS_IMAGES_PATH}new.png" {%ELSEIF goods.IS_TOP %} src="{ASSETS_IMAGES_PATH}hit.png" alt="" {% ELSE %} style="display:none;{% ENDIF %}/>


#27 puncherstore

puncherstore

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

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

Отправлено 09 Август 2013 - 15:46

не помогло(((
от данного действия фотографии исчезают полностью, вместе с товаром

#28 support 2.0

support 2.0

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

  • Модераторы
  • 4 924 сообщений

Отправлено 09 Август 2013 - 17:45

Просмотр сообщенияLeprekon20 (09 Август 2013 - 15:46) писал:

не помогло(((
от данного действия фотографии исчезают полностью, вместе с товаром

Попробуйте, пожалуйста, еще раз. У Вас есть блок
<a class="product-image" title="Перейти на страницу &laquo;{goods.NAME}&raquo;" href="{goods.URL}">
			<img class="newhit" {% IF goods.IS_NEW %} src="{ASSETS_IMAGES_PATH}new.png" {%ELSEIF goods.IS_TOP %} src="{ASSETS_IMAGES_PATH}hit.png" alt=""{% ENDIF %}/>
		<img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" />
   </a>

Вы его меняете на
<a class="product-image" title="Перейти на страницу &laquo;{goods.NAME}&raquo;" href="{goods.URL}">
			<img class="newhit" {% IF goods.IS_NEW %} src="{ASSETS_IMAGES_PATH}new.png" {%ELSEIF goods.IS_TOP %} src="{ASSETS_IMAGES_PATH}hit.png" alt=""{% ELSE %} style="display:none;{% ENDIF %}/>
		<img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" />
   </a>
Изображения товаров не должны пропасть. Пришлите, пожалуйста, скриншот страницы шаблона, со вставленным кодом и скриншот того, что у Вас после этого получается на сайте.

#29 puncherstore

puncherstore

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

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

Отправлено 10 Август 2013 - 07:29

Скрин прикрепил. После этой манипуляции пропадают изображения товаров тольков гугл хроме, в опере  все остается таким же (пустые изображения на месте бирок)

(скрин с кодом полностью не влез, монитор маленький, но думаю видно, что я сделал как вы говорите)

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

  • Скриншот кода.png
  • Скрин гугл.png


#30 miyako

miyako

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

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

Отправлено 10 Август 2013 - 08:23

Просмотр сообщенияLeprekon20 (10 Август 2013 - 07:29) писал:

Скрин прикрепил. После этой манипуляции пропадают изображения товаров тольков гугл хроме, в опере  все остается таким же (пустые изображения на месте бирок)

(скрин с кодом полностью не влез, монитор маленький, но думаю видно, что я сделал как вы говорите)

Сейчас в гугл хроме у Вас изображения не пропадают на странице Рашгарды. Попробуйте очистить кэш у браузера.

#31 puncherstore

puncherstore

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

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

Отправлено 10 Август 2013 - 09:14

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

И даже этим кодом проблема не решается, в опере и IE все остается как было а именно((((

Прошу помочь, а то внешний вид сильно портит ((

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

  • Кривые бирки, опера, IE.png


#32 miyako

miyako

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

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

Отправлено 10 Август 2013 - 10:09

Просмотр сообщенияLeprekon20 (10 Август 2013 - 09:14) писал:

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

И даже этим кодом проблема не решается, в опере и IE все остается как было а именно((((

Прошу помочь, а то внешний вид сильно портит ((

Замените код -
<a class="product-image" title="Перейти на страницу &laquo;{goods.NAME}&raquo;" href="{goods.URL}">
						<img class="newhit" {% IF goods.IS_NEW %} src="{ASSETS_IMAGES_PATH}new.png" {%ELSEIF goods.IS_TOP %} src="{ASSETS_IMAGES_PATH}hit.png" alt=""{% ENDIF %}/>
				<img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" />
   </a>
на -
<a class="product-image" title="Перейти на страницу &laquo;{goods.NAME}&raquo;" href="{goods.URL}">
						<img class="newhit" {% IF goods.IS_NEW %} src="{ASSETS_IMAGES_PATH}new.png" {%ELSEIF goods.IS_TOP %} src="{ASSETS_IMAGES_PATH}hit.png" alt="" {% ELSE %} style="display:none;" {% ENDIF %} />
				<img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" />
   </a>


#33 puncherstore

puncherstore

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

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

Отправлено 10 Август 2013 - 10:48

Большое Вам спасибо!!! Все работает, благодарю)

Скоро будут новые вопросы, движемся к желаемому))

#34 puncherstore

puncherstore

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

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

Отправлено 11 Август 2013 - 13:25

Добрый день! Осталось чуть чуть, доделать страницу товара!

Сейчас решаю, что сделать с кнопкой добавить в корзину и размерами товаров

Вопрос такой, возможно ли сделать красивый выбор размеров товара (как на представленных скринах)?

Если так же красиво возможно сделать, то это безграничное счастье и любовь к Вам!!!)))

Готов даже расходы понести)

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

  • Список размеров1.png
  • Размеры.png


#35 support 2.0

support 2.0

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

  • Модераторы
  • 4 924 сообщений

Отправлено 12 Август 2013 - 00:31

Просмотр сообщенияLeprekon20 (11 Август 2013 - 13:25) писал:

Добрый день! Осталось чуть чуть, доделать страницу товара!

Сейчас решаю, что сделать с кнопкой добавить в корзину и размерами товаров

Вопрос такой, возможно ли сделать красивый выбор размеров товара (как на представленных скринах)?

Если так же красиво возможно сделать, то это безграничное счастье и любовь к Вам!!!)))

Готов даже расходы понести)

Здравствуйте, сделать переключение модификаций по кнопочкам не получится. Можно только настроить вот такой вид

#36 puncherstore

puncherstore

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

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

Отправлено 13 Август 2013 - 17:06

Очень жаль, что так красиво не сделать,а не планируется? готов был даже раскошелится((

Но сделал так же как в ссылке, что вы скинули) спасибо!

Два новых вопроса:

1) Как поменять фоновое изображение для кнопки "В корзину" ? Чтобы она оставалась динамической, изображения для кнопки залил на сервер. Как потом двигать и менять шрифт кнопки?

2) Как вставить блок вы смотрели, после блока с отзывами? Картинку с желаемым прикрепил

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

  • Вы смотрели.png


#37 miyako

miyako

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

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

Отправлено 14 Август 2013 - 08:59

Просмотр сообщенияLeprekon20 (13 Август 2013 - 17:06) писал:

Очень жаль, что так красиво не сделать,а не планируется? готов был даже раскошелится((

Но сделал так же как в ссылке, что вы скинули) спасибо!

Два новых вопроса:

1) Как поменять фоновое изображение для кнопки "В корзину" ? Чтобы она оставалась динамической, изображения для кнопки залил на сервер. Как потом двигать и менять шрифт кнопки?

2) Как вставить блок вы смотрели, после блока с отзывами? Картинку с желаемым прикрепил

1) Вам нужно изменить изображение button-b.png. Сайт - Редактор шаблонов - слева - Изображение находите файл button-b.png и удалите его. Далее загрузите Ваш файл для кнопки с таким же форматом и названием
Чтобы кнопка осталась динамичной нужно, чтобы новое изображение для кнопки было сделано по типу прежнего - http://design.punche...ru/button-b.png
Шрифт можно изменить в файле main.css в коде -
a.button {
background: url({ASSETS_IMAGES_PATH}button-b.png) 0 0 repeat-x;
padding: 0 9px;
height: 23px;
display: inline-block;
color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
font: bold 12px/21px Arial, Helvetica, sans-serif;
text-decoration: none;
}
строку -
font: bold 12px/21px Arial, Helvetica, sans-serif;
замените на -
font: bold 14px/21px Arial, Helvetica, sans-serif;

2)
В конце шаблона Товар найдите код -
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль отзывов о товаре -->


</div>
и замените на -
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль отзывов о товаре -->


<!-- Последние товары, просмотренные пользователем -->
				 {% IFNOT recently_viewed_goods_empty %}
				 <li class="recent_viewed"><br /><h2>Вы смотрели</h2>
				 <div class="contentTbodyRecentlyViewed">
					 <table class="recent_viewed">
					 {% FOR recently_viewed_goods %}
					 <tr class="txtalgnlft {% IF recently_viewed_goods.last %}last{% ENDIF %}">
						 <td class="img txtalgncnt">
						 <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>
						 </td>
						 <td class="link statetitle fnt12n txtalgnlft">
						 <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
						 </td>
					 </tr>
					 {% ENDFOR %}
					 </table>
				 </div>
				 </li>
				 {% ENDIF %}
				 <!-- Последние товары, просмотренные пользователем -->
</div>

Стили можно изменить потом, добавьте сначала блок "Вы смотрели"

#38 puncherstore

puncherstore

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

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

Отправлено 14 Август 2013 - 11:07

.

#39 miyako

miyako

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

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

Отправлено 14 Август 2013 - 12:05

Просмотр сообщенияLeprekon20 (14 Август 2013 - 11:07) писал:

.

Ваше сообщение пустое, попробуйте отправить еще раз.

#40 puncherstore

puncherstore

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

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

Отправлено 14 Август 2013 - 12:33

Большое спасибо, блок "вы смотрели" в этом месте расположение не слишком удачно, буду думать.

С кнопкой разбираюсь

и новый вопрос:

Как сделать новый блок (как на картинке)?

а) Внутри него вставить изображение иконку

б) справа текст-ссылка, на страницу доставка

в) все это в рамке как другие блоки

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

  • Доставка.png





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

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