Ajax подгрузка изображений в слайдеры превью товаров

Здравствуйте.
В каталоге товаров хочу заменить изображения превью на слайдеры, как это сделано, например, на Avito.
Как сделать сами слайдеры я понимаю. Но боюсь, что при большом количестве изображений на странице, сильно замедлиться скорость загрузки (т.к. самих товаров много ).
Поэтому хочется подгружать дополнительные слайды аяксом, при наведении мышкой на основное превью. Насколько я вижу, на Avito именно так и сделано:
1. в обычном состоянии:
<div class="photo-slider-photoSlider-IpiW8 photo-slider-aspect-ratio-4-3-Jhpvf">
	<ul class="photo-slider-list-xFf2c">
		<li class="photo-slider-list-item-_fUPr">
			<div class="photo-slider-item-o_UGQ photo-slider-keepImageRatio-NrG6s">
				<img ...>
			</div>
		</li>
	</ul>
</div>>
2. при наведении на миниатюру:
<div class="photo-slider-photoSlider-IpiW8 photo-slider-aspect-ratio-4-3-Jhpvf">
	<ul class="photo-slider-list-xFf2c">
		<li class="photo-slider-list-item-_fUPr">
			<div class="photo-slider-item-o_UGQ photo-slider-keepImageRatio-NrG6s">
				<img ...>
			</div>
		</li>
		<li class="photo-slider-list-item-_fUPr">
			<div class="photo-slider-item-o_UGQ photo-slider-keepImageRatio-NrG6s">
				<img ...>
			</div>
		</li>
		<li class="photo-slider-list-item-_fUPr">
			<div class="photo-slider-item-o_UGQ photo-slider-keepImageRatio-NrG6s">
				<img ...>
			</div>
		</li>
		<li class="photo-slider-list-item-_fUPr">
			<div class="photo-slider-item-o_UGQ photo-slider-keepImageRatio-NrG6s">
				<img ...>
			</div>
		</li>
		<li class="photo-slider-list-item-_fUPr">
			<div class="photo-slider-item-o_UGQ photo-slider-keepImageRatio-NrG6s">
				<img ...>
			</div>
		</li>		
	</ul>
</div>
Решение представляю так, что создается сниппет, который подтягивает еще несколько ссылок на изображения из карточки товара по id (тоже примерно представляю как сделать)… но вызываться он должен именно по ajax при наведении на основную миниатюру.
Сам с ajax не особо дружу, поэтому очень надеюсь на Вашу помощь.
Игорь
10 октября 2021, 18:31
modx.pro
1 199
0

Локальная разработка в Docker

Хочу поделиться тем, как я в своей работе использую Docker для локальной разработки сайтов. Я не до конца понимаю, как оно там внутри устроено и частично тут будет описано то, как я работаю «по наитию». Если у кого-то будут комментарии и предложения, буду рад услышать, как этот воркфлоу можно оптимизировать.

Главное, что нам понадобится — это Docker.
Скачать его можно по этой ссылке: https://www.docker.com/get-started.

Илья Уткин
10 октября 2021, 13:06
modx.pro
4
9 740
+19

Оптимизация tree_root в админке

Есть проект с магазином на пару сотен к товаров, в некоторых категориях свалино до 2-3к ед товара. Как итог, при работе с админкой дерево товаров безбожно тормозит. Если кто сталкивался с такой же проблемой, есть ли какие то адекватные пути решения?
Илья
08 октября 2021, 11:52
modx.pro
1 473
0

Передача модификации в msOneClick

artem.pivtsaev
07 октября 2021, 23:59
modx.pro
1 098
0

Ресурс по умолчанию в админке.

Подскажите, можно ли настроить, чтобы при входе в админку сразу открывался определённый ресурс, а не начальная страница? Для менеджера нужен всего один ресурс.
Andrey
07 октября 2021, 17:04
modx.pro
1
861
0

msYMarketFBS

Дополнение позволяет подключить Интернет-магазин к Яндекс.Маркету через API по модели FBS

Основные возможности
  • установка связи между вашим товарами и карточками товаров на маркетплейсе;
  • устанавливать и передавать цены на товары;
  • передача актуальной информации о доступном количестве товаров;
  • изменение количество товаров на сайте при совершении покупки на маркетплейсе;
  • генерация YML-файлов каталога товаров;
Prihod
07 октября 2021, 14:52
modx.pro
1 568
+8

PageBlocks 1.2.0. Создавай сайт быстро и легко.

Всем, привет!

Документация

В первую очередь, хочу поблагодарить людей, которые внесли свой вклад в развитие компонента. Это @Олег Щавелев ,@Misha Bulic и @Андрей Шевяков. За новый логотип спасибо @DobroLab



Новые возможности:


  1. Вложенность таблиц
  2. Управление чанками
  3. Копирование блоков из ресурса
  4. Копирование блока по id
  5. Коллекции
  6. Новые поля
  7. Сниппет PageBlocks
  8. События
Aleksandr Huz
07 октября 2021, 08:34
modx.pro
1
3 083
+18

Добавление опций товаров из общего каталога

Здравствуйте.
Сниппет msOptions. Никак не получается настроить добавление товаров с опциями на странице общего каталога (из карточки товара все ОК). Т.е. после добавления товара со страницы каталога в корзину он попадает без опций.
Вызываю примерно так:
<form method="post" class="ms2_form" id="ms_form_{$id}" data-formid="form-{$id}">
[[msOptions?
    &options=`salat,sup,gor,other`
    &product=`{$id}`
]]
<span  id="price-{$id}" class="price"><span  class="myprice">{$price}</span> {'ms2_frontend_currency' | lexicon}</span>
 <input type="text" name="count" id="count-{$id}" class="form-control input-number" value="1" min="1" max="100">
      <div>
                        <button class="btn" type="submit" name="ms2_action" value="cart/add">В корзину</button>
                        <input type="hidden" name="id" value="{$id}">
                        <input type="hidden" name="options" value="[]">
     </div>
</form>
Прошу помочь.
Игорь
06 октября 2021, 19:45
modx.pro
559
0

Доработать интернет магазин на minishop2

7 7 000
Добрый день!

Есть сайт на minishop2.

Необходимо добавить функционал дисконтных карт и скидку по ним.

Подробности расскажу заинтересованным.

Сроки и стоимость обсуждаемы!

Просьба писать в телеграм +375 44 595 20 95 Алексей
Алексей
06 октября 2021, 13:30
modx.pro
661
0

vanille.by улучшить скорость загрузки каталога

7 5 000
Сайт vanille.by/ на MODX 2.8.3. Хостинг modhost.pro/. Тариф «Максимальный x4». На сайте каталог и фильтр mSearch2 и большое количество товаров ~20000 шт. Самая тяжелая страница: https://vanille.by/catalog. Debug показывает Total parse time: 6.9966431 s. Это конечно очень медленно. Если есть опыт в ускорении таких тяжелых страниц, пишите!
Михаил
06 октября 2021, 11:25
modx.pro
584
+1