Seo Форум

Web разработка => Вебдизайн и Вебмастеринг => Тема начата: kasik от 01-07-2017, 20:38:16

Название: 360 градусов вращение товара в карточке
Отправлено: kasik от 01-07-2017, 20:38:16
Нарендерил товар с 36 ракурсов, теперь не могу найти программу бесплатную для того, чтобы объединить их в файл, который можно будет вращать в карточке товара.

Может кто сталкивался и знает программы?

PS: сайт на wordpress
Название: Re: 360 градусов вращение товара в карточке
Отправлено: tartaren от 01-07-2017, 22:35:34
Давненько делал подобное с помощью программ для создания панорам, их много разных, в некоторых можно было сделать флеш ролик или гифку. Поищите создание 3D объектов в поисковиках.
Название: Re: 360 градусов вращение товара в карточке
Отправлено: alexburn от 02-07-2017, 10:00:47
Можно gif-ку запилить
Название: Re: 360 градусов вращение товара в карточке
Отправлено: kasik от 02-07-2017, 12:12:11
Цитата: alexburn от 02-07-2017, 10:00:47
Можно gif-ку запилить

гифку нельзя останавливать или вращать самостоятельно :(
Название: Re: 360 градусов вращение товара в карточке
Отправлено: alexburn от 02-07-2017, 17:20:47
Цитата: kasik от 02-07-2017, 12:12:11гифку нельзя останавливать или вращать самостоятельно
ну значит как-то скриптами делать (ни разу такого не попадалось)
Название: Re: 360 градусов вращение товара в карточке
Отправлено: kasik от 02-07-2017, 17:36:50
Цитата: alexburn от 02-07-2017, 17:20:47
ну значит как-то скриптами делать (ни разу такого не попадалось)

вот несколько сайтов, где это реализовано:
[spoiler]
http://www.a-r-s.ru/shoot/3d-foto.htm

http://foto-razumov.ru/3D_foto_tovarov.html

http://360.com.ua
[/spoiler]
Название: Re: 360 градусов вращение товара в карточке
Отправлено: tartaren от 02-07-2017, 17:57:41
Наберите в поиске: Создание 3d объектов на сайте. Вот один из первых результатов: [spoiler]http://kopirka-ekb.ru/3d-obekt-na-sajte-bez-flash[/spoiler]
Название: Re: 360 градусов вращение товара в карточке
Отправлено: kasik от 02-07-2017, 18:20:54
Цитата: tartaren от 02-07-2017, 17:57:41
Наберите в поиске: Создание 3d объектов на сайте. Вот один из первых результатов: [spoiler]http://kopirka-ekb.ru/3d-obekt-na-sajte-bez-flash[/spoiler]

спасибо, попробую
Название: Re: 360 градусов вращение товара в карточке
Отправлено: kasik от 04-07-2017, 19:00:37
Вроде получилось,
[spoiler]http://panchan.com.ua/rotate/123.htm[/spoiler]
но теперь не пойму как это впихнуть в карточку товара, это же отдельная страница получилась.

Подскажите плз.
Название: Re: 360 градусов вращение товара в карточке
Отправлено: ВикторияИ от 04-07-2017, 19:06:36
Цитата: kasik от 04-07-2017, 19:00:37Подскажите плз.

Просто Вам надо внедрить на желаемую страницу скрипты:




<script type="text/javascript" src="jquery-beono-globus.js"></script>

<style>
.beonoGlobus {
position: relative;
overflow: hidden;
}


</style>
  <div class="beonoGlobus">
  <img alt="photo" src="images/rotation.jpg"/>
</div>

<script type="text/javascript">
// Set frames count and get last object
var obGlobus = $(".beonoGlobus").beonoGlobus({ framesCount: 36, api: "all"});

// Set auto rotation mode
obGlobus.setRotationMode("auto");
obGlobus.setRotationSpeed(50);
obGlobus.rotateLeft();
</script>

Название: Re: 360 градусов вращение товара в карточке
Отправлено: kasik от 04-07-2017, 19:12:06
Цитата: ВикторияИ от 04-07-2017, 19:06:36
Просто Вам надо внедрить на желаемую страницу скрипты:




<script type="text/javascript" src="jquery-beono-globus.js"></script>

<style>
.beonoGlobus {
position: relative;
overflow: hidden;
}


</style>
  <div class="beonoGlobus">
  <img alt="photo" src="images/rotation.jpg"/>
</div>

<script type="text/javascript">
// Set frames count and get last object
var obGlobus = $(".beonoGlobus").beonoGlobus({ framesCount: 36, api: "all"});

// Set auto rotation mode
obGlobus.setRotationMode("auto");
obGlobus.setRotationSpeed(50);
obGlobus.rotateLeft();
</script>




прописал, но картинка не появилась :( - [spoiler]http://clip2net.com/s/3LRNqfK[/spoiler]
Название: Re: 360 градусов вращение товара в карточке
Отправлено: ВикторияИ от 04-07-2017, 19:49:08
Цитата: kasik от 04-07-2017, 19:12:06прописал, но картинка не появилась  -

проверьте правильно ли указан путь к изображению - и если не поможет поменяйте все (и в скриптах) относительные ссылки на абсолютные.
Название: Re: 360 градусов вращение товара в карточке
Отправлено: kasik от 04-07-2017, 19:59:32
Цитата: ВикторияИ от 04-07-2017, 19:49:08
проверьте правильно ли указан путь к изображению - и если не поможет поменяйте все (и в скриптах) относительные ссылки на абсолютные.

rotation.jpg это не вращающиеся изображение, а набор картинок, если указать абсолютный путь  [spoiler]http://panchan.com.ua/rotate/images/rotation.jpg[/spoiler] в скрипте, то на карточку товара выводится она во всю длину: [spoiler]http://clip2net.com/s/3LRS33X[/spoiler]

Добавлено: 04-07-2017, 20:05:36


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

Добавлено: 04-07-2017, 23:18:45


вставил через фрейм)) все заработало)

PS: можно ли как-то ограничить вывод фрейма для мобильной версии?

вот сам фрейм: <iframe src="http://panchan.com.ua/rotate/123.htm" width="520" height="520"> </iframe>
Название: Re: 360 градусов вращение товара в карточке
Отправлено: ВикторияИ от 05-07-2017, 03:31:46
Цитата: kasik от 04-07-2017, 19:59:32вставил через фрейм)) все заработало)

в этом случае гораздо целесообразнее поставить видео - выглядит естественнее, и ПС будут более благосклоннее...
Название: Re: 360 градусов вращение товара в карточке
Отправлено: tartaren от 05-07-2017, 07:07:51
Фрейм возможно не совсем гуд, с точки зрения поисковиков. Может есть возможность разобраться со скриптом и запустить его на странице на "общих основаниях", без фрейма.
Название: Re: 360 градусов вращение товара в карточке
Отправлено: kasik от 05-07-2017, 11:37:37
Цитата: ВикторияИ от 05-07-2017, 03:31:46
в этом случае гораздо целесообразнее поставить видео - выглядит естественнее, и ПС будут более благосклоннее...

видео нельзя самостоятельно вращать :(
Название: Re: 360 градусов вращение товара в карточке
Отправлено: ВикторияИ от 05-07-2017, 11:51:21
Цитата: kasik от 05-07-2017, 11:37:37видео нельзя самостоятельно вращать

ползунком можно )))
Название: Re: 360 градусов вращение товара в карточке
Отправлено: kasik от 05-07-2017, 11:58:48
Цитата: ВикторияИ от 05-07-2017, 11:51:21
ползунком можно )))

а чем плох фрейм? я же беру свою страницу, которая просто находится не в папке с вордпрессом, а в корневой
Название: Re: 360 градусов вращение товара в карточке
Отправлено: ВикторияИ от 05-07-2017, 12:06:08
Цитата: kasik от 05-07-2017, 11:58:48а чем плох фрейм? я же беру свою страницу, которая просто находится не в папке с вордпрессом, а в корневой

во первых фреймы щас не очень хорошо индексируются, во вторых к ним отношение примерно такое же как к цитированию...
Название: Re: 360 градусов вращение товара в карточке
Отправлено: alexburn от 05-07-2017, 12:13:58
Цитата: ВикторияИ от 05-07-2017, 12:06:08к ним отношение примерно такое же как к цитированию...
Т.е. лучше убрать цитаты со страниц ?
Название: Re: 360 градусов вращение товара в карточке
Отправлено: ВикторияИ от 08-07-2017, 09:16:06
Цитата: alexburn от 05-07-2017, 12:13:58
Т.е. лучше убрать цитаты со страниц ?
наверное все таки не очень удачный пример привела - к цитатам более лучшее отношение )

нет - просто если контент цитаты действительно полезен, и пользователи на него откликнутся, то ПС  отреагирует положительно.
Название: Re: 360 градусов вращение товара в карточке
Отправлено: Sorokin Vladimir от 08-07-2017, 19:10:43
Буквально на днях закончил заказ от фoтостудии, так они тоже делают ставку на услуги по Фото-360*. когда я им сказал, что фреймы не совсем "гудт-т-т", мне заказчик ответил (цитата): " А про фрейм, Яндекс так сказал мне, если это не редирект на другой ресурс, и скрипт фрейма не нарушает права ПС, а только помогает пользователям. То это только плюс."
Может и правда все зависит от правил применения фреймов.....
Название: Re: 360 градусов вращение товара в карточке
Отправлено: ВикторияИ от 08-07-2017, 19:43:19
Цитата: Sorokin Vladimir от 08-07-2017, 19:10:43А про фрейм, Яндекс так сказал мне, если это не редирект на другой ресурс, и скрипт фрейма не нарушает права ПС, а только помогает пользователям. То это только плюс."
Может и правда все зависит от правил применения фреймов

яндекс еще не то расскажет - а по факту логика примерно такая, что оригинал будет ранжироваться выше сайта где вставлен фрейм - речь конечно идет об одинаковых запросах...
Название: Re: 360 градусов вращение товара в карточке
Отправлено: Sorokin Vladimir от 08-07-2017, 20:42:17
Цитата: ВикторияИ от 08-07-2017, 19:43:19
яндекс еще не то расскажет - а по факту логика примерно такая, что оригинал будет ранжироваться выше сайта где вставлен фрейм - речь конечно идет об одинаковых запросах...
Так сайт с фреймом и есть оригинал, пока, во всяком случае. Исходники сидят в самом сайте, ну вроде как в этом шаблоне  =  http://web.sam-okna.ru/shablones/50/index.php
Название: Re: 360 градусов вращение товара в карточке
Отправлено: kasik от 08-07-2017, 20:52:56
запутался я, у меня есть карточка товара, в которой немного ниже описания товара вставлен фрейм на мою страницу, который позволяет посетителю "покрутить" 3д версию товара, как поисковик может это считать плохим?

вот карточка - [spoiler]http://panchan.com.ua/product/chan-dlya-kupaniya-iz-nerzhavejki-na-5-chelovek/[/spoiler]

PS: силами форума сделать это без фрейма не удалось, к сожалению :(
Название: Re: 360 градусов вращение товара в карточке
Отправлено: ВикторияИ от 09-07-2017, 04:52:51
Цитата: Sorokin Vladimir от 08-07-2017, 20:42:17Так сайт с фреймом и есть оригинал, пока, во всяком случае. Исходники сидят в самом сайте, ну вроде как в этом шаблоне  =  http://web.sam-okna.ru/shablones/50/index.php

это надо пробовать - только ту страницу закройте от индексации на всякий случай
Название: Re: 360 градусов вращение товара в карточке
Отправлено: Sorokin Vladimir от 09-07-2017, 07:17:50
Цитата: ВикторияИ от 09-07-2017, 04:52:51это надо пробовать - только ту страницу закройте от индексации на всякий случай
так я и не думаю с этим баловаться, попросили  -  сделал и предупредил о возможных последствиях.
Название: Re: 360 градусов вращение товара в карточке
Отправлено: andreystav от 24-03-2025, 13:04:44
Рекомендую обратить внимание на Three.js или Panolens.js — это бесплатные библиотеки для создания 3D-объектов, которые легко интегрируются в WordPress. Также Sketchfab — там можно загрузить свои модели и получить вращающуюся карточку товара без лишних заморочек.