Перейти к содержанию
igorfelix

Переместить стикер вниз

Рекомендуемые сообщения

Подскажите пожалуйста, нужно перенести стикеры в карточке товара и в категории товаров в левый нижний угол,

демо автоматических стикеров  есть здесь http://gusi-lebedi.com.ua/asdemo/index.php?route=product/product&path=20&product_id=40

 

Пробывал ковырять css , но у меня не удалось.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Можно, например, поиграться с margin-top. На приведенном сайте в карточке товара попробовать значение в районе 181px.

 

Возможно есть варианты и получше, но сейчас в голову ничего не приходит.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
делл

margin-top: -3px; <--- тут попробуйте поставить 180

; <--- тут 150... или как вам нужно

 

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Можно, например, поиграться с margin-top. На приведенном сайте в карточке товара попробовать значение в районе 181px.

 

Возможно есть варианты и получше, но сейчас в голову ничего не приходит.

в категориях тогда не видно будет. т.к. изображение в карточке товара например 300х300. а в категориях 200х200,

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Решение в студию.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Мой css файл. В нем я добавил два новых класса ( для категорий, т.к. изображение в карточке товара например 250х250, а в категориях например 150х150, поэтому что б в категориях выровнять отображение стикеров , добавил эти два класса ".catnewlabel, .catspeciallabel " . )

 

 

catnewlabel - для отображения новинок в категориях.

catspeciallabel - для отображения по сниженной цене в категориях.

 

в итоге мой css получился такой:

.newlabel, .popularlabel, .speciallabel , .soldlabel, .catnewlabel, .catspeciallabel{position:absolute; width:91px; height:45px;margin-top: 1px; margin-left: 0px;}.newlabel { background: url('../image/status-new.gif') no-repeat; z-index:14;top:557px;}.catnewlabel { background: url('../image/status-new.gif') no-repeat; z-index:24;top:400px;}.speciallabel { background: url('../image/status-sale.gif') no-repeat; z-index:24;top:557px;}.catspeciallabel { background: url('../image/status-sale.gif') no-repeat; z-index:24;top:400px;}.popularlabel { background: url('../image/popular.png') left top no-repeat; z-index:13;}.soldlabel       { background: url('../image/sold.png') left top no-repeat; z-index:15;}

Ну пути и названия картинок меняйте на свои.

 

в файле  automatic-stiker.xml  ищем строчку 224 ,

и заменяем ее на

<?php if (($product['date_available'] ) > strftime('%Y-%m-%d',$timestamp)){ ?><div class="catnewlabel"></div><?php } ?>

и строчку 233 заменяем на

<?php if ($product['price'] && $product['special']) { ?><div class="catspeciallabel"></div> 

В итоге все это выглядит так:

1.PNG2.PNG

post-23316-0-02355300-1381738967_thumb.png

post-23316-0-87288900-1381738976_thumb.png

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А можно взглянуть непосредственно на сайт?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

+1, скиньте ссылку - поможем.

 

upd.
Сам нашел, посмотрел, не увидел где проблема проявляется, да и стили вроде правильно прописаны для элементов.
В общем, автор, уточните - в чем проблема то?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

вы не там отступ задаете и не тот, нужно через margin-top, а не top

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От Medialine
      300.00 руб
      Скачать/Купить дополнение


      Модуль Стикеры
      Для пользователей, у которых в карточке товара не задействованы поля JAN, ISBN, MPN есть отличная возможность пустить их в дело. Преимуществом модуля является то, что пользователь сам может прописать название для стикера, так как в разных группах товара могут быть свои особенности. Так же безусловно плюсом является то, что задействованы типовые поля OpenCart, а значит на сайт не будет никакой дополнительной нагрузки. Модуль тестировался на двух версиях OpenCart: 2.3.0.2 и 3.0.2.0. Если после установки модуля у вас что-то не получилось, пишите в личку или тему поддержки модуля со ссылкой на свой сайт - подправлю модификатор под ваш шаблон бесплатно.
      DEMO 2.3.0.2
      DEMO 3.0.2.0
      Добавил Medialine Добавлено 03.01.2019 Категория Меню, дизайн, внешний вид Системные требования Сайт разработчика https://medialine.cc Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Обращение к серверу разработчика  
    • От kedrovdanil
      Доброго времени суток, господа!
      Возникла необходимость в 3-х разных модулях для Open Cart 3.0.2. Рассмотрю все платные и бесплатные варианты. Далее по порядку:
       
      1) Стикеры с акциями
      Нужны стикеры на карточки товаров по типу "NEW", "Акция", "Скидка -30%" и т.д. Желательно вертикального расположения текста или с возможностью кастомизировать стикеры как угодно.
       
      2) Заполнение рекомендуемых товаров в карточке
      Необходимо заполнить блок рекомендуемых в карточке товара. Чтобы отображались другие товары из этой категории. Приветствуется, если они автоматически будут заменяться на новые в случае отсутствия товара в наличии.
       
      3) Удаления дублей карточек товара
      Модуль по большей части для SEO. При добавлении одного и того же товара в разные категории создаются дубли одинаковых карточек, а дубли любой информации плохо влияют на SEO. Необходим модуль, который будет ставить редиректы с повторяющихся страниц на каноническую, в идеале, если они будут автоматом ставиться к новым добавляемым товарам. Буду рад услышать мнение SEO-специалистов по этому модулю.
    • От milus
      Скачать/Купить дополнение


      Автоматические стикеры для товаров.
      В отличии от большинства подобных модулей данный модуль реализует автоматическое добавление стикеров к вашим товарам. Использование не требует редактирования страниц продукта, добавления новых полей в базу данных. Изображения добавляются по 4 критериям ации(для товаров имеющих специальную цену), новинки (для товаров добавленных в каталог за определенный период - количество дней с даты добавления изменяется из админки, популярные (для товаров с количеством просмотров выше определенного количества - редактируется из админки а также нет в наличии(продано/под заказ) для товаров соответственно с нулевым остатком. При наличии нескольких характеристик у одного товара порядок вывода наличие/новинки/популярные/специальные. В архиве присутствует psd со стикерами.
      ДЕМО
      Добавил milus Добавлено 06.12.2012 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 1.5.5.1
      1.5.4.1 ocStore 1.5.5.1
      1.5.4.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • От milus
      В отличии от большинства подобных модулей данный модуль реализует автоматическое добавление стикеров к вашим товарам. Использование не требует редактирования страниц продукта, добавления новых полей в базу данных. Изображения добавляются по 4 критериям ации(для товаров имеющих специальную цену), новинки (для товаров добавленных в каталог за определенный период - количество дней с даты добавления изменяется из админки, популярные (для товаров с количеством просмотров выше определенного количества - редактируется из админки а также нет в наличии(продано/под заказ) для товаров соответственно с нулевым остатком. При наличии нескольких характеристик у одного товара порядок вывода наличие/новинки/популярные/специальные. В архиве присутствует psd со стикерами.
      ДЕМО
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.