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


Очень Не Хватает Простых Фишек Как Новинки, Акции И Т.п.


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

#1 sportilius

sportilius

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородДолгопрудный

Отправлено 29 Январь 2014 - 08:28

В шаблоне вечность, очень не хватает таких фишек. Пример на скриншоте.
То что каждый товар можно отнести к новинкам, рекомендуем это хорошо, но мне ну нежны полосы и просто товар, а лучше всего, когда на самом товаре, среди десятка других позиций выделять один или два товара: Например рекомендуем или Акция, заход на данный товар будет значительно выше.
Реально ли такое сделать? (что-то подобное)

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

  • Снимок.JPG


#2 miyako

miyako

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

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

Отправлено 29 Январь 2014 - 09:12

Просмотр сообщенияsportilius (29 Январь 2014 - 08:28) писал:

В шаблоне вечность, очень не хватает таких фишек. Пример на скриншоте.
То что каждый товар можно отнести к новинкам, рекомендуем это хорошо, но мне ну нежны полосы и просто товар, а лучше всего, когда на самом товаре, среди десятка других позиций выделять один или два товара: Например рекомендуем или Акция, заход на данный товар будет значительно выше.
Реально ли такое сделать? (что-то подобное)

Возможно Вы хотите установить бирки на товары в зависимости от того в каком они разделе?
http://forum.storela...кции/#entry7753
http://forum.storela...кам/#entry78131

#3 sportilius

sportilius

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородДолгопрудный

Отправлено 29 Январь 2014 - 12:10

Примерно, это, конечно не совсем то, но попробую что-то реализовать.

#4 sportilius

sportilius

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородДолгопрудный

Отправлено 29 Январь 2014 - 12:56

Просмотр сообщенияmiyako (29 Январь 2014 - 09:12) писал:

Возможно Вы хотите установить бирки на товары в зависимости от того в каком они разделе?
http://forum.storela...кции/#entry7753
http://forum.storela...кам/#entry78131
Я все прочитал, стал пробовать, но так как там другие шаблоны, то код различается и не получается. Я вернул все назад,  Есть возможность помочь. Конкретно нужно следующее:
Имеем файл пнг, например 30х30 px. Его нужно наложить на товары, которые участвуют в акции, чтобы метка была видна в верхнем правом углу всех акционных товаров.
При этом вывод иконки на большом изображении товара не нужен.

Шаблон вечность.
сайта http://sportilius.ru

Заранее спасибо.

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

  • Снимок.JPG


#5 miyako

miyako

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

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

Отправлено 29 Январь 2014 - 13:33

Найдите код в шаблоне Товары -
<div class="containers32">
	   
		 
			 
				  <div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">
		  
и после него добавьте код -
<div class="containers32">
	   
		 
			 
				  <div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">
		   {%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;right:0;top:0;background:url(путь до изображения);">{%MAX_DISCOUNT%}</div>
{%ENDIF%}
не забудьте указать путь до изображения в коде, также можно убрать вывод скидки {%MAX_DISCOUNT%}, если не нужно.

Далее аналогично для отображения товаров таблицей найдите код в шаблоне Товары -
<div class="items masonry-brick" style="float: left; width: 173px; margin: 10px; background-color: rgb(255, 255, 255); padding: 10px; height: 400px; position: absolute; top: 0px; left: 210px; background-position: initial initial; background-repeat: initial initial;">
		  
и замените на -
<div class="items masonry-brick" style="float: left; width: 173px; margin: 10px; background-color: rgb(255, 255, 255); padding: 10px; height: 400px; position: relative; top: 0px; left:0px; background-position: initial initial; background-repeat: initial initial;">
		   {%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;right:0;top:0;background:url(путь до изображения);">{%MAX_DISCOUNT%}</div>
{%ENDIF%}


#6 sportilius

sportilius

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородДолгопрудный

Отправлено 29 Январь 2014 - 17:20

Спасибо, но
<div class="items masonry-brick" style="float: left; width: 173px; margin: 10px; background-color: rgb(255, 255, 255); padding: 10px; height: 400px; position: absolute; top: 0px; left: 210px; background-position: initial initial; background-repeat: initial initial;">
а также такого в шаблоне товары нет может быть вы с другой темой спутали?

#7 desbest

desbest

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

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

Отправлено 29 Январь 2014 - 21:23

Давно не хватало функции бирок, только ручками в коде делать не хочется, уже хочется в редакторе карточки товаров устанавливать бирку

#8 sportilius

sportilius

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородДолгопрудный

Отправлено 29 Январь 2014 - 21:44

Просмотр сообщенияdesbest (29 Январь 2014 - 21:23) писал:

Давно не хватало функции бирок, только ручками в коде делать не хочется, уже хочется в редакторе карточки товаров устанавливать бирку
Ну я тоже и хотел предложить эту функцию реализовать. Пометил товар в акции - появилась бирка акция, пометил - новинка - бирка новинка - очень удобно и очень нужно, чтобы продать нужный товар.

#9 Сake

Сake

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

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

Отправлено 30 Январь 2014 - 02:39

Просмотр сообщенияsportilius (29 Январь 2014 - 17:20) писал:

Спасибо, но
<div class="items masonry-brick" style="float: left; width: 173px; margin: 10px; background-color: rgb(255, 255, 255); padding: 10px; height: 400px; position: absolute; top: 0px; left: 210px; background-position: initial initial; background-repeat: initial initial;">
а также такого в шаблоне товары нет может быть вы с другой темой спутали?

Попробуйте в вашем шаблоне "Товары" найти строку

<div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px; height:400px">

и заменить её на

<div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px; height:400px; position: relative;">
				   {%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;right:0;top:0;background:url(путь до изображения);">{%MAX_DISCOUNT%}</div>
{%ENDIF%}

а так же найти строку

<div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">

и заменить её на

<div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">
{%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;right:0;top:0;background:url(путь до изображения);">{%MAX_DISCOUNT%}</div>
{%ENDIF%}


#10 sportilius

sportilius

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородДолгопрудный

Отправлено 30 Январь 2014 - 19:55

К сожалению не получается, может быть я что-то неверно делаю...

#11 Сake

Сake

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

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

Отправлено 31 Январь 2014 - 01:30

Бирка появиться только на товарах со скидкой. Возможно у вас так же перекрываются какие-то стили. Попробуйте сделать следующее - найдите

<div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px; height:400px; position: relative;">
								   {%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;right:0;top:0;background:url(путь до изображения);">{%MAX_DISCOUNT%}</div>
{%ENDIF%}

и замените на

<div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px; height:400px; position: relative;">
{%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div class="discount-birka">{%MAX_DISCOUNT%}</div>
{%ENDIF%}

далее найдите

<div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">
{%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;right:0;top:0;background:url(путь до изображения);">{%MAX_DISCOUNT%}</div>
{%ENDIF%}

и замените на

<div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">
{%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div class="discount-birka">{%MAX_DISCOUNT%}</div>
{%ENDIF%}

далее в файл стилей style.css добавьте

.discount-birka {
  background: url("{ASSETS_IMAGES_PATH}stiker1.png") no-repeat center center;
  color: #FFFFFF;
  font-size: 26px;
  font-weight: bold;
  height: 104px;
  line-height: 98px;
  position: absolute;
  right: 0;
  top: 0;
  width: 107px !important;
  z-index: 1;
}


#12 sportilius

sportilius

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородДолгопрудный

Отправлено 31 Январь 2014 - 11:07

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




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

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