360. несколько на одной странице? мобильная версия?

1

Здравствуйте, помогите с настройкой плагина 360.

1. код вставил в описание товара, как выровнять картинку по центру?

Вставляю дополнительно этот же код в файл темы product.html , например вывожу картинку под фотогалерею , в итоге картинка из описания товара удаляется и появляется под фотогалереей. Так и должно быть? На одной странице нельзя вывести 2 картинки 360?

{if shopKmthreesixtyPlugin::hasImages($product.id)}
{shopKmthreesixtyPlugin::getHtml($product.id, '970')}
{/if}

https://wotperm.ru/igrovyye-<wbr>kr...

2. В мобильной версии картинка не адаптированна, выходит за пределы экрана, до конца очень редко подгружается http://prntscr.com/mr0srw автостарт и кнопки управления 360 не работают. При вертикальном скроллинге, если попадаешь на эту картинку далее пролистнуть ничего не получается, т.к картинка на весь экран смартфона. Пришлось дополнительно установить код в файл мобильной версии product.html, чтобы убрать картинку из описания товара и вывести ее в другом блоке.

Хочу размещать картинку 360 в мобильной и десктоп версии в описании товара.

Опубликовано: 28 февраля 2019
360

3 ответа

  • 1
    kirill рзрбтчк 28 февраля 2019 09:26 #

    Добрый день

    1. Добавить css код

    div#kmthreesixty-wrapper {
        margin: 20px auto;
    }

    К сожалению нельзя две 360 на одной странице.

    2. Вы можете указать размер для мобильной версии

    {shopKmthreesixtyPlugin::getHtml($product.id, '970,200x0')}
    • 1
      EVGENIY KORSHUNOV EVGENIY KORSHUNOV 28 февраля 2019 09:44 #

      подскажите этот код как добавить ?

      div#kmthreesixty-wrapper {
          margin: 20px auto;
      }
      
      
      указал размер для мобильной , картинка не грузится
      http://prntscr.com/mr6jsq
      
      • 1
        kirill kirill рзрбтчк 28 февраля 2019 09:51 #

        Открыть какой-нибудь css файл в редакторе дизайна и добавить в конце.

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

  • 1
    EVGENIY KORSHUNOV 28 февраля 2019 10:09 #

    код вставил , работает )


    размер указан реальный, в настройках магазина он есть

    НАСТРОЙКИ:

    http://prntscr.com/mr6sxl

    http://prntscr.com/mr6t2o

    http://prntscr.com/mr6t67


    вот что получаем в мобильной версии, (кстати у мобильной версии другая тема дизайна)

    сама оболочка 360 есть, но картинки нет

    http://prntscr.com/mr6tuy



    • 1
      kirill kirill рзрбтчк 3 марта 2019 11:08 #

      У вас скрипт fancybox навешивается на эти картинки, добавляет css класс и поэтому не работает

  • 1
    EVGENIY KORSHUNOV 12 марта 2019 08:58 #

    Отказался от 360 в тексте, Вставил 360 в шаблон,в мобильной версии картинка загрузилась, работает, но почему то не работает кнопка воспроизведения и стрелки. Позже выяснилось, как только заходишь на страницу товара где есть 360, кликнешь на картинку и на странице товара все кнопки становятся не кликабельны (кнопка купить, характеристики, рекомендованные товары) До решения этой проблемы придется удалить плагин с мобильной версии.

    Очень жду ваш ответ.



Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите