Jump to content
Sign in to follow this  
Waha

[Поддержка] Модуль "Пользовательские товары" (клон Рекомендуемых, c каруселью и без)

Recommended Posts

Модуль "Пользовательские товары" (клон Рекомендуемых, c каруселью и без)


Модуль "Пользовательские товары" (клон Рекомендуемых, c каруселью и без)


Модуль "Пользовательские товары", аналог "Рекомендуемые".

2 версии:

- с каруселью товаров

- без карусели.

2 языка - English, Русский

Простой и без лишних заморочек.

Без замены файлов.

Для карусели в контролере подключаются стандартные стили карусели Opencart и скрипт jcarousel.min

Поэтому стили кнопок карусели товаров будут такие же как и в стандартной карусели Opencart.

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

Тестировался на версии Opencart (ocStore)1.5.4.1 - 1.5.6.x.

На более ранних версиях тоже работает.

*если буду вопросы, по типу "Что за тема в админке на скриншоте? или Как адаптировать под мой шаблон?", пишите в ЛС.


 

  • +1 2

Share this post


Link to post
Share on other sites

Привет. Подскажи где править css для названия товара и css цены...а то у меня нифига никак в РЕКОМЕНДУЕМЫХ (

Share this post


Link to post
Share on other sites

Привет. Подскажи где править css для названия товара и css цены...а то у меня нифига никак в РЕКОМЕНДУЕМЫХ (

Подсказиваю! Если у вас модуль с каруселью то он формирует товары в карусель списком "ul li", а в стандартном модуле они идут в div обвертке (вроде вот так .box-product > div). 

В таком случае мы пропускаем момент с box-product и пешем более коротко в css

Блок родителя #custom-product-carousel плюс класс нужного блока .name ( или .price, cart).

 

CSS будет выглядеть так

#custom-product-carousel .name {
    padding: 5px;
    text-align: center;
}

#custom-product-carousel .image {
    text-align: center;
}

#custom-product-carousel .price {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
и так далее
 
Скачайте модуль заново, я убрал некие косяки в нем!

Share this post


Link to post
Share on other sites

Понятно. Сделал. А как можно продублировать данный модуль, т.е. установить ещё один такой же, назвав его по-другому, и выбрав другие товары? Возможное?

Share this post


Link to post
Share on other sites

Поищите инфу, как клонировать модуль opencart. Подробной инструкции предоставить не могу.

Share this post


Link to post
Share on other sites

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

 

os store,  1.5.5.1.1

Share this post


Link to post
Share on other sites

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

 

os store,  1.5.5.1.1

Да был такой косяк, исправил, обновил архив с модулем, загрузите, должно все работать!

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Модуль использует уже существующий путь к товару, не придумывайте глупостей.

Если вам интересно где ссылка то это 54 строка в контролере

'href'     => $this->url->link('product/product', 'product_id=' . $product_info['product_id']),

Share this post


Link to post
Share on other sites

спасибо большое  :-)

хоть в ручную модуль дублировать не пришлось.

1.5.5.1.1 работает нормально.

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

Share this post


Link to post
Share on other sites

Подскажите. Фотографии немного прозрачны и задано это свойством opacity, а при наведении на них они становятся яркими. Свойство opacity пробовал менять в стилях, ничего не меняется. А если смотреть через "инспектора" в мазиле видно строку <img alt="Alcatel OT232 red" src="http://../image/cache/data/fdb2205ee6adcfc429b72e5ec29bd5e8-100x100.jpg" style="opacity: 0.3;"></img>.В коде вывода модуля в данном месте style отсутствует вообще, как быть?

Share this post


Link to post
Share on other sites

Подскажите. Фотографии немного прозрачны и задано это свойством opacity, а при наведении на них они становятся яркими. Свойство opacity пробовал менять в стилях, ничего не меняется. А если смотреть через "инспектора" в мазиле видно строку <img alt="Alcatel OT232 red" src="http://../image/cache/data/fdb2205ee6adcfc429b72e5ec29bd5e8-100x100.jpg" style="opacity: 0.3;"></img>.В коде вывода модуля в данном месте style отсутствует вообще, как быть?

Скорее всего это связано с вашим шаблоном, какой-то скрипт дописывает прозрачность, не мой модуль точно. (Возможно в common.js что-то дописано).

Я предполагаю, что изначально карусель была заточена под вывод логотипов производителей с эффектом прозрачности и где-то прописан код который добавляет его.

Share this post


Link to post
Share on other sites

У меня наосСтор 1.5.5.1.1 вообще на заработал( Криво стал - в одном боке недоразвернутые странички показывает

Share this post


Link to post
Share on other sites

У меня наосСтор 1.5.5.1.1 вообще на заработал( Криво стал - в одном боке недоразвернутые странички показывает

не не знаю у меня оф сборка ocStore 1.5.5.1.1 на стандартной теме все без проблем

Share this post


Link to post
Share on other sites

Скорее всего это связано с вашим шаблоном, какой-то скрипт дописывает прозрачность, не мой модуль точно. (Возможно в common.js что-то дописано).

Я предполагаю, что изначально карусель была заточена под вывод логотипов производителей с эффектом прозрачности и где-то прописан код который добавляет его.

Спасибо, нашел в script.js данный момент, после долгих поисков.

Share this post


Link to post
Share on other sites

Всегда бесит, когда кто то нашел решение, но не выкладывает это решение! 

 

за прозрачность в модуле карусель (производители) отвечает блок в script.js

 

$(document).ready(function() {
$('.jcarousel-list li a img').css({opacity:'0.3'});    -   в состоянии по умолчанию. При смене на '1' - прозрачность пропадет
$('.jcarousel-list li a img').hover(function(){
     jQuery(this).stop(true,false).animate({opacity:'1'}, {duration: 250});
    },function(){
     jQuery(this).stop(true,false).animate({opacity:'0.3'}, {duration: 250}); - после наведения мышки
   }
   )
});

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By Waha
      Модуль "Пользовательские товары", аналог "Рекомендуемые".
      2 версии:
      - с каруселью товаров
      - без карусели.
      2 языка - English, Русский
      Простой и без лишних заморочек.
      Без замены файлов.
      Для карусели в контролере подключаются стандартные стили карусели Opencart и скрипт jcarousel.min
      Поэтому стили кнопок карусели товаров будут такие же как и в стандартной карусели Opencart.
      Если кому нужно подключить к модулю свой файл css, то в начале контроллера модуля измените путь к файлу css на свой.
      Тестировался на версии Opencart (ocStore)1.5.4.1 - 1.5.6.x.
      На более ранних версиях тоже работает.
      *если буду вопросы, по типу "Что за тема в админке на скриншоте? или Как адаптировать под мой шаблон?", пишите в ЛС.
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.