Поддержка WooCommerce Сделать прокрутку в галереи woocommerce

  • Решено Maryokk

    (@maryokk)


    Прошу совета… Как оставить в галерее все фото, но отобразить их с прокруткой (т.е. не более 4х визуально под гл. фото в карточке). Плагины сбивают тему (ставила продакт галери слайдер). Какое есть решение? спасибо

    • Тема изменена 4 мес. назад пользователем  SeVlad. Причина: перенос в подходящий раздел

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Добрый вечер! Неужели нельзя решить вопрос, чтобы галерея давала стрелочки право-лнво для просмотра всех фото? Может в стили можно что-то прописать, без плагинов? Спасибо

    .gallery {
        margin-bottom: 1.5em;
    }

    Не могу сообразить… http://sudovasauna.cz/media/ В элементарной галерее нет прокрутки оригиналов изображений. И отступы огромные. В редакторе 4 картинки в ряд, а визуально на сайте 2… Где это покопать, стилях-то нет ничего, откуда тогда тянет? И главное не сбить галерею\слайдер на первой странице…

    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    Как оставить в галерее все фото, но отобразить их с прокруткой (т.е. не более 4х визуально под гл. фото в карточке).

    Для начала обновите тему и удалите все плагины изменяющие стандартное поведение галереи WC.
    Насколько я помню в этой теме родная галерея ведёт себя именно так, как Вы хотите. Только не строго 4, а сколько поместится в одну строку. Это как раз 4 при нормальных размерах браузера.

    Если же я перепутал с др. темой, то в дочерней теме (которую обязательно стоит сделать и сделать это лучше с пом плагина копированием настроек родителя) вставить код для поддержки галерей:

    add_action( 'after_setup_theme', 'yourtheme_setup' );
    function yourtheme_setup() {
      add_theme_support( 'wc-product-gallery-zoom' ); // увеличение 
      add_theme_support( 'wc-product-gallery-lightbox' ); //лайтбокс
      add_theme_support( 'wc-product-gallery-slider' ); // слайдер
    }

    Строки в функции на выбор.

    АПД.
    Вот нагуглил на англ более развёрнутую информацию. Тут в тч и по стилям: https://createandcode.com/broken-photo-gallery-and-lightbox-after-woocommerce-3-0-upgrade/

    • Ответ изменён 4 мес. назад пользователем  SeVlad. Причина: Добавка

    Спасибо, но родная галерея выводит все фото в галерее под главным изображением. Верно, 4 в ряд, но этих рядов она делает столько… сколько фото… А я хочу спрятать их в прокрутку 🙁
    Что же касается добавки функций, что вы написали, то сбивают они на главной слайдер (это и не слайдер, а именно подгрузка товара), особенно в мобильной версии. Дочерняя есть.

    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    Верно, 4 в ряд, но этих рядов она делает столько… сколько фото… А я хочу спрятать их в прокрутку

    По моему как раз wc-product-gallery-slider это и делает.

    уфф, самый первый пост в ленте — этот плагин сбивает главную стр.

    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    уфф, самый первый пост в ленте — этот плагин сбивает главную стр.

    Ничего не понял.. Какой плагин, что значит «сбивает», причём тут лента? Речь же о карточке товара.

    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    родная галерея выводит все фото в галерее под главным изображением. Верно, 4 в ряд, но этих рядов она делает столько… сколько фото… А я хочу спрятать их в прокрутку

    Да, Вы правы, я проверил всё так и есть.

    Но беглый поиск по каталогу тут же показал плагин https://ru.wordpress.org/plugins/wooswipe/ Я его поставил и вуаля

    Спасибо огромное! Но я не сильна в функциях. Скажите, пжст, как исправить Woocommerce Product Gallery, чтобы он не подменял главное фото товара из галереи, а открывал галерею в отдельном окне с полным отображением картинки и с прокруткой (лайтбокс это?)
    Еще раз спасибо!

    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    Скажите, пжст, как исправить Woocommerce Product Gallery,

    Для этого его нужно сперва найти потом установить и разбираться.

    А вообще это уже другой вопрос. См правила форума, п2.

Просмотр 10 ответов — с 1 по 10 (всего 10)