1. Создаем гугл-таблицу с товарами
Для того, чтобы создать таблицу с товарами, нужно в первую очередь ознакомиться с требованиями, которые предъявляются к ним для вывода БД:
Пример готовой таблицы вы можете посмотреть здесь:
2. Загрузка товаров из таблицы в Креатиум
1. Переходим в новый раздел "База данных", нажимаем "Создать таблицу"
- Задаете название таблицы и нажимаете еще раз "Создать таблицу"
3. Далее у вас откроются варианты импорта таблицы, на текущий момент мы поддерживаем:
- собственные файлы с компьютера в формате .xlsx, .csv
- Импорт из Google таблиц;
- Импорт и Notion таблиц;
- Импорт из Airtable.
- Используем в качестве примера импорт из Google таблиц. Для этого копируем вот этот адрес: import@creatium-1561543771901.iam.gserviceaccount.com
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F7b002d10-e9f1-47ef-b172-678cc4b3d57e%2Fimages%2F0acb3410-4839-41c5-b356-3ee4462327c4.png&w=3840&q=90)
Далее переходим в нашу Google таблицу, нажимаем справа вверху "Настройки доступа",
добавляем доступ для почты, которую вы скопировали выше, отключаете уведомление пользователей. Это даст возможность импортировать вашу таблицу для будущего использования в редакторе:
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F7b002d10-e9f1-47ef-b172-678cc4b3d57e%2Fimages%2F763e2b26-e081-4341-8782-8e9508a1710f.png&w=1920&q=90)
- Копируете ссылку на вашу таблицу сюда и нажимаете "Начать импорт данных":
- Остается последний шаг, необходимо сопоставить информацию из ваших колонок с типом данных, которые они имеют, например: строка, число, картинка:
Результат:
В настройках таблицы вы можете включить автоматическое обновление таблицы раз в какое-то время:
Это даст понять, раз в какое время Креатиуму проверять изменения в вашей таблице с товарами и повторять импорт базы данных.
3. Как добавить и настроить корзину в редакторе от версии 4.0 и выше:
В следующем шаге вам нужно создать страницу корзины, сделать это можно по инструкции ниже:
4. Как быстро вывести товары из таблицы в редакторе?
Заходим в редактор страницы, на которой предполагается вывод товаров, добавляем "Секцию с блоками", подключаем ее в настройках к ранее загруженной таблице, выводим нужное количество записей, затем добавляем в карточку данные с помощью переменных ⬇ Важно! Изменения дублируются во все карточки, это позволяет в пару кликов делать сотни автоматических действий избавляя вас от рутины. То есть достаточно вывести все необходимые данные в одной карточке, как они появятся во всех записях. Чтобы готовые товары добавлялись в корзину, нужно в карточку товара также поместить кнопку с действием "Добавить в корзину" ⬇⬇⬇
Посмотреть готовый пример вывода товаров с корзиной можно здесь: https://shop-google.creatium.site/shop
Как сделать фильтрацию товаров?
Вне зависимости от того интернет-магазин это или доска объявлений, функционал фильтров настраивается аналогично, чтобы ознакомиться с тем, как настраивать фильтрацию данных и связывать с полями формы, посмотрите наш видео-урок и текстовую инструкцию:
Создаем автоматически страницу для каждого товара
Говоря о большинстве проектов, скорее всего потребуется необходимость создавать шаблонные страницы в большом количестве благодаря определенным параметрам из базы. Для этого мы предусмотрели функционал шаблонных страниц, который состоит из 2 главных вещей: 1. Параметр адресной строки;
- Привязки полей;
Для создания шаблонных страниц берется обычная опубликованная страница в редакторе, после чего необходимо зайти в пункт настройки страницы (троеточие напротив каждой страницы)
![image](https://help-new.creatium.io/_next/image?url=https%3A%2F%2Fsuper-static-assets.s3.amazonaws.com%2F7b002d10-e9f1-47ef-b172-678cc4b3d57e%2Fimages%2F0c418fe5-7288-4664-bed3-73a6725b90f4.png&w=3840&q=80)
Подключить ее к таблице:
![image](https://www.notion.so/image/https%3A%2F%2Fs3.us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F40f58810-2147-48f2-bafe-21d05cdef6c7%2F.png%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Credential%3DAKIAT73L2G45O3KS52Y5%252F20210805%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20210805T071927Z%26X-Amz-Expires%3D86400%26X-Amz-Signature%3D60f7b6332a6c1f7412a4839a7089ee4906c141713dd99cbdc9accc807c31bb1d%26X-Amz-SignedHeaders%3Dhost?id=d3b8d560-9e4d-43c7-b890-056a9816b197&table=block)
Указать параметр адресной строки, например id, затем указать привязку полей, можно задать любые переменные из подключенной таблицы
![image](https://www.notion.so/image/https%3A%2F%2Fs3.us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F106b4f7a-6edb-4621-b1d9-bcae989a01ec%2F.png%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Credential%3DAKIAT73L2G45O3KS52Y5%252F20210805%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20210805T071927Z%26X-Amz-Expires%3D86400%26X-Amz-Signature%3D8c6c8acc980d58bedbf26f3243cb8ac71b210c7f53868003ba08bdcffffb04d3%26X-Amz-SignedHeaders%3Dhost?id=db96babf-9119-4c3a-a509-d5d408c0a8ec&table=block)
После этого в личном кабинете у вас автоматически появится набор страниц:
![image](https://help-new.creatium.io/_next/image?url=https%3A%2F%2Fsuper-static-assets.s3.amazonaws.com%2F7b002d10-e9f1-47ef-b172-678cc4b3d57e%2Fimages%2F94a2b2c8-892f-4d88-9f05-be0eb8ddcefa.png&w=3840&q=80)
Важно: Самая верхняя (главная) страница используется как шаблон для записей из Базы Данных. Обратите внимание, по исходному адресу может выдаваться ошибка 404, если в таблице нет строки с пустым соответствующим значением
Подробнее с механизмом создания шаблонных страниц вы можете ознакомиться в нашем видео-уроке:
Как обновить товар, цены на сайте используя Google таблицы?
- Есть возможность включить автоматический импорт таблицы раз в какое-то время, подробнее в начале инструкции, шаг 2, п. 6.
- Если меняются только данные содержимого строк таблицы, вы можете использовать функцию "Повторить последний импорт" в ручном режиме:
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F7b002d10-e9f1-47ef-b172-678cc4b3d57e%2Fimages%2Fab0841f5-6d7b-416a-a7ba-a1b5b059a5b5.png&w=3840&q=90)
- Если меняется структура таблицы, добавляются или удаляются столбцы - необходимо загрузить все заново, используя шаг 2