Подскажите пожалуйста, знающие люди, как можно выполнить эту часть сайта адаптивной.Уточню месадж Ankhena - сначала определитесь КАК должно выглядеть ваше изделие в базовых разрешениях, а затем уже решайте что для этого использовать. Ну и базово свойства цсс и принципы верстки освоить неплохо бы. Алсо, посмотрите в сторону готовых цсс движков (например тэйлвинд/бутстрап), ну или хотя бы гляньте как в них решаются подобные вещи.
category_id из таблицы categories со столбцом category_id из таблицы products.Хорошей практикой является наименование первичного автоинкрементного ключа как "ID", не включая имя сущности (то есть не categories.category_id, а просто categories.id). А вот название поля ссылающегося на какую-то сущность должно иметь имя сущности в названии (с этим ок).
Там разная заливка у заголовка и непосредственно таблицы с данными - поэтому пришлось разделить.Ась? Что? У вас хтмл/цсс стек из 1994?
Симофни же отобьёт руки так, что гавнокодить придётся сломанными руками.Дебильное утверждение, "только сихи возводят все в абсолют" (с). Наговнокодить можно в абсолютно любом фреймворке, ни лара ни симфони в этом плане НИКАК не отличаются. Оба движка имеют отличный мануал и хорошую структуру, запортить которую не составит никакого труда для новичка, хотя при должном старании и профи справится...
прописывается в деплойммент скрипт == собирается на проде =))Гитхаб экшнс, не? У нас ничего ни на деве ни на проде не собирается, все идет через экшны. На сервера деплоятся уже готовые сборки. Это не обязательно должно быть именно так, но как бы говорить что это одно и то же со сборкой на проде как бы не совсем верно.
Для реализации функционала, когда на десктопе при наведении меняется картинка товара, а на мобильной версии — при смахивании (свайпе), можно использовать следующие подходы и плагины:
1. jQuery-плагины с поддержкой смены изображений при наведении и свайпе. Например, плагин swapImagesOnhover — он меняет изображения с эффектом плавного перехода при наведении, а можно добавить поддержку свайпов на мобильных устройствах через дополнительный скрипт или библиотеку свайпов (Web:7).
2. Для мобильной версии можно совместить эффекты hover и swipe с помощью комбинации CSS и JS. На мобильных устройствах hover заменить на событие касания или свайпа, например с помощью библиотеки touchSwipe. Это обычная практика, так как Mobile не поддерживает hover (Web:1, Web:8).
3. Для WooCommerce и подобных платформ существуют готовые плагины с поддержкой смены изображения товара при наведении на десктопе и свайпе на мобильном, например, WowStore Product Image Flipper addon (Web:5).
4. Если нужен универсальный подход, можно взять слайдер с поддержкой свайпа (например, FlexSlider) и добавить к нему кастомный скрипт замены изображений при наведении на десктопе (Web:6).
Таким образом, наиболее универсальный путь — использовать скрипт, меняющий изображение при hover в десктопном режиме и подключить библиотеку для свайпа на мобильных устройствах, чтобы переключать изображения жестами. Среди уже готовых решений выделяются swapImagesOnhover для эффекта hover и FlexSlider или другие swipe-слайдеры для поддержки свайпа.
[1](https://community.shopify.com/t/product-card-secon...)
[2](https://stackoverflow.com/questions/22559756/chang...)
[3](https://forum.squarespace.com/topic/318141-second-...)
[4](https://www.reddit.com/r/web_design/comments/v3gbn...)
[5](https://www.wpxpo.com/how-to-flip-or-change-a-prod...)
[6](https://stackoverflow.com/questions/8531079/how-to...)
[7](https://www.jqueryscript.net/other/Image-Swap-Hove...)
[8](https://community.shopify.com/t/how-can-i-enable-s...)
[9](https://discuss.frappe.io/t/product-image-zoom/12452)
[10](https://stackoverflow.com/questions/34767900/jquer...)
[11](https://xtemos.com/forums/topic/product-image-chan...)
[12](https://cs.wordpress.org/plugins/image-hover-effec...)
[13](https://forum.jquery.com/portal/en/community/topic...)
[14](https://www.kadencewp.com/kadence-blocks/feature-r...)
[15](https://www.jqueryscript.net/zoom/product-image-ma...)
[16](https://forum.jquery.com/portal/en/community/topic...)
[17](https://help.gempages.net/articles/add-zoom-hover-...)
[18](https://fooplugins.com/thumbnail-hover-effect/)
[19](https://www.youtube.com/watch?v=OYxTFGYoSoE)
[20](https://www.8theme.com/topic/image-resize-dependin...)