1. Главная страница
  2. ››
  3. Документация
  4. ››
  5. Тип подключения к таблице - документация компонента Upline Studio

Навигация

Разделы доки

Demo компонента

Тип подключения к таблице

Существует 3 способа подключения модуля Upline Swiper Slide к базе данных.

1. Отдельная таблица для картинок

Универсальный способ работы с картинками на товаре это вынести их в отдельную таблицу и связать с товарами по ID товара.

Пример такой структуры

https://docs.google.com/spreadsheets/d/1KfFcMlsFS1fY-74T5i4LK2XobgHV92cR3zIPD5tbDlo/edit#gid=0 - таблица картинок

https://docs.google.com/spreadsheets/d/1KfFcMlsFS1fY-74T5i4LK2XobgHV92cR3zIPD5tbDlo/edit#gid=1237418956 - таблица товаров с которой она связана

При использовании данной структуры, чтобы показать фотографии какого-то товара, вам требуется сделать фильтр по id этого товара.

В этом примере мы выбираем только картинки принадлежащие товару с ID 1

В этом примере мы выбираем только картинки принадлежащие товару с ID 1

Выбор картинок полосы прокрутки

https://creatium-backend.uplinestudio.io/storage/184/2c3ff3034ae860d1c3004869d53afa9813vyK.png.png

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

https://creatium-backend.uplinestudio.io/storage/183/745dea5441c66b865ba51921650f7e91ksd7o.png.png

Преимущества

  1. Гибкая структура. Вы можете иметь у товара сколько угодно картинок, а добавление новых картинок не требует доработки сайта.
  2. Простота в редактировании записей. У каждой картинки своя запись и операции по её поиску и редактированию очень простые.
  3. Картинки загружены в Creatium.

Недостатки

  1. Цена: на Creatium достаточно дорого иметь отдельную таблицу под картинки, так как она быстро разрастается, а тарифицируются записи в таблице.
  2. Неудобное наполнение. Это общий слабый момент работы с картинками в таблицах.

2. Картинки в таблице с товаром, каждая в отдельной ячейке

Другой способ организовать картинки товара — это занести каждую картинку в отдельную ячейку.

https://docs.google.com/spreadsheets/d/1KfFcMlsFS1fY-74T5i4LK2XobgHV92cR3zIPD5tbDlo/edit#gid=2051096222 - пример тут

В таком режиме работы модуля вам нужно будет выбрать все ячейки, в которых находятся ваши картинки. А также сделать тоже самое для картинок в списке (можно выбрать те же самые изображения, если у вас нет отдельных картинок).

https://creatium-backend.uplinestudio.io/storage/182/f04f106cd4cf928bea16cf63ca906ac512Nva.png.png

Преимущества

  1. Плоская понятная структура.
  2. Картинки грузятся из Creatium.
  3. Не увеличивается стоимость: не растёт число записей.

Недостатки

  1. Картинок может быть ограниченное количество, если, например, у вас 4 ячейки под картинки, а нужно загрузить 5 картинок, то вам придется вручную заново синхронизировать базу и выбирать новые ячейки в модуле.
  2. Сложно добавлять картинки через скрипт. Операция по поиску нужной ячейки для записи в таком варианте значительно усложняется. Это важно, если вы даёте пользователям вашего сайта грузить неограниченное количество фото.
  3. Неудобное наполнение. Это общий слабый момент работы с картинками в таблицах.
  4. Таблица выглядит монструозно, если у вас много картинок.

3. Картинки в таблице с товаром в одной ячейке разделителем

Ссылки на картинке даются в одной ячейке и разделяются между собой заданным специально разделителем.

В реалиях Creatium это, наверное, самая интересная структура хранения картинок, так как она совмещает преимущества обоих подходов. Но, конечно, в нем есть и недостатки. О них поговорим ниже.

Данный способ подключение позволяет выбрать поле в таблице со списком URL, разделенных разделителем, например, | .

Пример заполнения для ячейки.

https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_a_srashenaya_lamel4.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_a_srashenaya_lamel_.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_a_srashenaya_lamel_1.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_a_srashenaya_lamel_2.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_a_srashenaya_lamel_40mm.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_a_srashenaya_lamel_40mm_2.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_b_celnaya_lamel_1.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_b_celnaya_lamel_2.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_b_celnaya_lamel_3.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_b_celnaya_lamel_4.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_e_celnaya_lamel.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_e_celnaya_lamel_1.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_e_celnaya_lamel_2.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_e_celnaya_lamel_3.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_e_celnaya_lamel_40mm.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_e_celnaya_lamel_40mm_1.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/dub_e_celnaya_lamel_40mm_2.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/mebelie_shiti_is_duba.jpg?v=1|https://cdn.uplinestudio.ru/ecotimber.ru/products/mebelniy_shit_iz_duba.jpg?v=1

Разделитель

В качестве разделителя можно использовать любой символ или набор символов. Мы рекомендуем использовать | .

Собирать фотографии в ячейку по формуле

Данный подход позволяет в таблицах Google хранить картинки как это делается в первом примере структуры (отдельная таблица для картинок). А затем собирать их с помощью формулы в одну колонку.

https://creatium-backend.uplinestudio.io/storage/181/2b6a32405974b805f201610e9be225c5PE0XD.png.png

Пример формулы, с помощью которой можно осуществить сбор картинок в одну ячейку.

=ЕСЛИОШИБКА(TEXTJOIN("|"; ИСТИНА; UNIQUE(FILTER(product_img!C:C;product_img!B:B=A2)));"")

https://docs.google.com/spreadsheets/d/1KfFcMlsFS1fY-74T5i4LK2XobgHV92cR3zIPD5tbDlo/edit#gid=2010290182 - пример такой структуры в таблице

Преимущества

  1. Гибкая структура. Вы можете иметь у товара сколько угодно картинок, а новое добавление картинок не требует доработки сайта.
  2. Простота в редактировании записей: у каждой картинки своя запись и операции по её поиску и редактированию очень простые.
  3. Не увеличивается стоимость, так как не растёт число записей.
  4. Таблица с товарами компактна, так как все картинки записаны в одну ячейку.

Недостатки

  1. Картинки берутся не из Creatium, а из внешнего источника, на который у вас прописаны ссылки в таблице. Соответственно, если этот источник будет недоступен, картинки не загрузятся на сайте. Кроме того, скорость загрузки зависит от скорости работы этого источника.
  2. Это решение может работать чуть медленнее, чем другие, так как картинки грузятся с отдельного сервера.

Итог

В разных проектах вы можете использовать разные подходы. Например, при подключении внешней базы (не Google-таблицами) вам скорее всего подойдет первый вариант структуры. А при работе с Google-таблицами — второй или третий.

Logo Upline Studio Creatium

Наша команда Uplinestudio разрабатывает сайты под разные потребности клиентов. Одним из ключевых направлений в нашей разработке является создание сайтов на Creatium.

Оставить заявку

Работает на Creatium