Оформление полной карточки о товаре, фото, и мини фото, плюс видео, как реализовывают?

Question

[Антон Вебсайтовский]

Оформление полной карточки о товаре, фото, и мини фото, плюс видео, как лучше реализовать?
Может какой-то есть готовый скрипт, а то обычно я из слайдера делаю или что-то типа того, но не всегда хорошо.

Появилась задача вставлять видео, вот думаю, какой плагин подойдет.

Что-то хочет как на вб, основная фотка, маленькие и видео над фото маленькими.

Comments

[FeST1VaL]

любой слайдер с поддержкой thumbnails, тот же owl carousel, он поддерживает video

[Антон Вебсайтовский]

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

[Антон Вебсайтовский]

А что, кто сказать может про (Slick Carousel - это мощный и гибкий плагин для jQuery, который позволяет создавать карусели изображений и видео).

[FeST1VaL]

Антон Вебсайтовский, ну я юзал для этого owl carousel, мне его хватило, попробуйте

[Антон Вебсайтовский]

FeST1VaL, спасибо, посмотрю, нашел примеры https://frontendin.com/owl-carousel/

[Михаил Р.]

Антон Вебсайтовский,

чтобы все нормально было и адаптивно

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

Оказывается, у разных людей эти понятия различаются, поэтому с ними приходится возиться.

[imko]

FeST1VaL, сова живая еще разве?

[imko]

Антон Вебсайтовский, два синхронизированных слайдера, хочешь руками хочешь конфигом, какой-нибудь splide умеет и в видео и в синк

[Александр Васильев]

https://fotorama.io/
Но я бы сделал на swiper

[Ankhena]

Александр Васильев, и я за swiper

Может какой-то есть готовый скрипт, а то обычно я из слайдера делаю или что-то типа того, но не всегда хорошо.

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

Owl когда-то нравился, но у него JQ в зависимостях и были проблемы с флексами и гридами. Возможно, пофиксили. Хотя, кажется, его кучу лет не обновляли.

[Александр Васильев]

Ankhena, в фотораме тоже были косяки, типа вырезания альтов у картинок

Answer 1

[Илья М]

Обычно такие штуки сами пишут. Таких либ не встречал, плюс от цмс зависит все. Там же выбор цвета, размера и тп. Попробуйте найти в шаблонах готовых или плагинах woocommerce то, что Вам нужно и посмотрите как там реализовано.
Например скачайте Product Gallery Slider. Посмотрите чо в нем.

Comments

[Антон Вебсайтовский]

Я не про цвет, а фото, доп фото и видео.

Product Gallery Slider - это готовый модуль, для готовых решений.

[Илья М]

Антон Вебсайтовский, я тоже про фото и видео.
Да это готовый модуль. Из него можно взять js, html, css и адаптировать под себя. Или вообще либу сделать на его основе. Все от WordPress и php просто выкинуть и все.

Answer 2

[Антон Вебсайтовский]

Кстати, нашел готовый вариант:
https://codyhouse.co/ds/components/app/product-v2

Еще вариант, более простой:
https://codyhouse.co/ds/components/app/product