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

Question

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

EVGENIY KORSHUNOV

360

3 ответа

1

EVGENIY KORSHUNOV 28 февраля 2019 09:44 #

подскажите этот код как добавить ?
div#kmthreesixty-wrapper { margin: 20px auto; } указал размер для мобильной , картинка не грузится http://prntscr.com/mr6jsq

ответить
1

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

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

ответить
1

kirill рзрбтчк 17 марта 2020 13:42 #

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

ответить

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

kirill · Answer 1

Добрый день

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

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

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

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

{shopKmthreesixtyPlugin::getHtml($product.id, '970,200x0')}

EVGENIY KORSHUNOV · Answer 2

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

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

НАСТРОЙКИ:

http://prntscr.com/mr6sxl

http://prntscr.com/mr6t2o

http://prntscr.com/mr6t67

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

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

http://prntscr.com/mr6tuy

Андрей · Answer 3

Добрый день! В мобильной версии можно выбирать только два размера? 320 или 200 пикселей по ширине?

320 - вылезает за экран

200 - слишком мелко и смотрится плохо.

Вопросы:

Есть ли возможность сделать другой размер, чтобы было по размеру экрана?

Можно ли выводить ссылку в одном месте, а показывать в другом? Нужно установить ссылку под фото, а показ на десктопе после блока с информацией. В обычном режиме 3D перекрывает блок с информацией.

http://joxi.ru/KAx7MnLi1q5dz2