{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Доброго времени суток!","type":"unstyled","key":"3ofk4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сегодня я вас научу делать каталог, на примере одной категории.","type":"unstyled","key":"fu3uj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Каталог будет уметь отправлять все фото из категории с описанием и ценой, либо отправлять парочку блюд с возможностью пролистывания, насколько это возможно в боте.","type":"unstyled","key":"d4hj6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Также покажу как делать различные шрифты.","type":"unstyled","key":"8e8p5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":85,"offset":0,"style":"BOLD"}],"text":"В этой статье будет очень много полезного, так что читайте её до конца и всё увидите.","type":"unstyled","key":"4ec32"},{"data":{"image":{"id":"6296312e0ce154497b66c925"},"images":[{"id":"6296312e0ce154497b66c925"}],"contents":{}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8keps"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"eoq2a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что нам понадобится:","type":"header-two","key":"720ok"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для каталога и одной категории, нам понадобятся:","type":"unstyled","key":"demh0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Категория(какая?). ","type":"ordered-list-item","key":"df7na"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Продукт и его цена.","type":"ordered-list-item","key":"3ngv2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Фото продукта.","type":"ordered-list-item","key":"a68qa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Описание продукта","type":"ordered-list-item","key":"5t55t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Собираем данные","type":"header-two","key":"8uac4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1. Категория будет напитки(просто потому что).","type":"unstyled","key":"c10ag"},{"data":{"image":{"id":"62946a6b303f2a42af652f3d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат по запросу \"Напитки\".","type":"atomic:image","key":"fiuct"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. 3. 4. Описание, название и фото мы уже нашли, а цену придумаем сами.","type":"unstyled","key":"6gote"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Много брать не будем, я взял 7 напитков, чтобы просто долго не загружать их фото.","type":"unstyled","key":"53ru9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохраняем фото","type":"header-two","key":"b3rbj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Покажу вам более удобный вариант, что в дальнейшем нам облегчит работу.","type":"unstyled","key":"1bujh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":76,"offset":0,"style":"BOLD"}],"text":"Создаём в папке с ботом папку \"capture\" и в ней папку с названием \"напитки\".","type":"unstyled","key":"ae9ag"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\"capture\" будет выступать в роли хранилища всех фотографий каталога, а папка \"напитки\" в роли категории.","type":"unstyled","key":"4ip03"},{"data":{"image":{"id":"62946c8719128427c1456dcd"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"папка с ботом.","type":"atomic:image","key":"1oovf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"28e5e"},{"data":{"image":{"id":"62946c5f03b73906abb315e3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"папка capture.","type":"atomic:image","key":"bqmv3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь сохраняем фото напитков в папку \"напитки\" называя их \"1.jpg\", \"2.jpg\", \"3.jpg\" и так далее. ","type":"unstyled","key":"eif3m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Потом поймёте зачем.","type":"unstyled","key":"72km0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":71,"offset":0,"style":"BOLD"}],"text":"Главное не забудьте где какой напиток, что ,в прочем, я почти и сделал.","type":"unstyled","key":"fo8ua"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поэтому сразу делаем два дела, чтобы точно не забыть где и что.","type":"unstyled","key":"7h2pr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создаём в папке с ботом файл: \"drinks.py\" и открываем его.","type":"unstyled","key":"7vh89"},{"data":{"image":{"id":"62946fa956f5e12ae838d72d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создать текстовый документ и переименовать его в \"drinks.py\"","type":"atomic:image","key":"4lcvk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Открываем файл \"drinks.py\", я ,как обычно, делаю это через python IDLE.","type":"unstyled","key":"d3con"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"и в нём создаём массив:","type":"unstyled","key":"c8ok0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"8 строк и 5 столбцов. Как в примере ниже","type":"unstyled","key":"31ddo"},{"data":{"image":{"id":"629470f2b6c7c7598405f231"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пустой массив 8 на 5","type":"atomic:image","key":"9fkmq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы можете подумать: \"Но почему же строк 8, если напитков у нас 7?\".","type":"unstyled","key":"mlah"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А всё потому, что, иногда, при вызове 0-ой строки у вас может вылетать ошибка. Чтобы этого не допускать, сразу её отбрасываем.","type":"unstyled","key":"8c150"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для чего же 5 столбцов:","type":"header-three","key":"2uj8v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Столбец 1. Порядковый номер напитка, он может и не нужен в данном примере, т.к. категория у нас одна, но для удобства я оставлю.","type":"unstyled","key":"d83pi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Столбец 2. Цена напитка.","type":"unstyled","key":"5026d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Столбец 3. Название напитка.","type":"unstyled","key":"dgjqe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Столбец 4. Описание напитка.","type":"unstyled","key":"du19u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Столбец 5. Путь к фото напитка.","type":"unstyled","key":"9il9v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот теперь сохраняем наши фотографии и заносим всё, кроме пути к фото в матрицу, должно получиться так:","type":"unstyled","key":"95k4n"},{"data":{"image":{"id":"629474174f5351769bc4b4d8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"матрица","type":"atomic:image","key":"6b06q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Осталось внести только путь.","type":"unstyled","key":"fnpgu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Т.к. папка каталога находится у нас в папке с ботом, то весь путь для неё указывать не нужно.","type":"unstyled","key":"3jop5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавим в наш 5-ый столбец путь ко всем напиткам,","type":"unstyled","key":"c15pe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Порядковый номер строки, точно такой же, как и номер картинки к напитку,(и номер итерации когда мы пойдём по массиву такой же) поэтому просто везде пишем \"напитки/1.jpg\", \"напитки/2.jpg\", \"напитки/3.jpg\" и т.д.","type":"unstyled","key":"96bno"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Я упомянул про итерацию потому, что мы можем сделать так. что везде напишем в столбцах только \"напитки/\", а в программе уже итерацией допишем номер фото, но я оставлю так как есть(номера пропишем сами).","type":"unstyled","key":"dm4kh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если на каком-то этапе уже что-то не понятно, или в конце поймёте или пишите ваши вопросы.","type":"unstyled","key":"9j805"},{"data":{"image":{"id":"6294762f7faaea548e849785"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат. всё заполнено.","type":"atomic:image","key":"6tnp0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Итак, всё у нас готово и можно приступить к коду.","type":"unstyled","key":"cvetg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Приступаем к коду. ","type":"header-two","key":"38o97"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7uft9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":118,"offset":0,"style":"ITALIC"}],"text":"Если раньше я выкладывал весь код и только потом его объяснял, то сейчас наверное будет по частям, а в конце весь код.","type":"unstyled","key":"62uuu"},{"data":{"image":{"id":"6294794c4f5351769bd0fc74"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выводит нам кнопки каталога.","type":"atomic:image","key":"sflc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3bg04"},{"data":{"image":{"id":"62947a46b6c7c759841b992c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"akc1p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пока кнопка \"\uD83C\uDF79Напитки\uD83C\uDF79\" ничего не делает.","type":"unstyled","key":"3jph9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Я вам хочу показать два способа отображения напитков, поэтому сразу сделаем возможность выбора способа отображения(сплошняком или по отдельности)","type":"unstyled","key":"3hmd9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Т.к. у нас это inline кнопка, то ответить на неё мы можем только с помощью","type":"unstyled","key":"46qbs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"callback_query_handler.","type":"unstyled","key":"99d4d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":143,"style":"BOLD"},{"length":14,"offset":170,"style":"BOLD"}],"text":"1. Хэндлер на варианты отображения после нажатия кнопки \"\uD83C\uDF79Напитки\uD83C\uDF79\" (можно его не делать, если вы точно знаете что будете использовать только \"сплошняком\" вывод блюд или по отдельности, просто люди разные и каждому будет удобно по разному).","type":"unstyled","key":"1rmgc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. Хэндлер на вывод блюд по выбранному отображению.","type":"unstyled","key":"49ff3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пишем хэндлеры.","type":"unstyled","key":"dq7n5"},{"data":{"image":{"id":"62960311b09f4c2b2ada78ec"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8mq82"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@bot.callback_query_handler(func=lambda c: int(c.data)==1 or int(c.data)==2)","type":"unstyled","key":"ci18f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"def callback_inline(call):","type":"unstyled","key":"e49i1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" bot.answer_callback_query(callback_query_id=call.id, text=\"Вывожу блюда, пожалуйста, подождите.\", show_alert=True)","type":"unstyled","key":"198k8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" if int(call.data)==1:","type":"unstyled","key":"2kac3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" for i in range(1,8):","type":"unstyled","key":"5sur4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" pricebtn = types.InlineKeyboardButton(text=str(drinks.matrix[i][1])+'₽', callback_data=i)","type":"unstyled","key":"9dd31"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" price = types.InlineKeyboardMarkup().add(pricebtn)","type":"unstyled","key":"d845g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" bot.send_photo(call.from_user.id, open('capture/'+str(drinks.matrix[i][4]), 'rb'), caption=''+str(drinks.matrix[i][2])+\"\\n\\n\"+str(drinks.matrix[i][3])+\"\",parse_mode=\"HTML\",reply_markup=price) ","type":"blockquote","key":"96qpd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Т.к. второй хэндлер не влез, закрепляю код второго хэндлера выше.","type":"unstyled","key":"dnpcn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Объяснения:","type":"unstyled","key":"2qr72"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":40,"offset":0,"style":"BOLD"}],"text":"НЕ ЗАБУДЬТЕ импортировать файл drinks!!!","type":"unstyled","key":"aqmn8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":2,"style":"BOLD"},{"length":15,"offset":43,"style":"BOLD"},{"length":15,"offset":161,"style":"BOLD"}],"text":"У inline кнопки есть обязательный параметр callback_data, и у нас в кнопке к категории напитки он равен \"\uD83C\uDF79Напитки\uD83C\uDF79\", т.е. мы написали хэндлер который ловит этот callback_data, когда пользователь нажимает кнопку \"\uD83C\uDF79Напитки\uD83C\uDF79\". ","type":"unstyled","key":"bku2u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":190,"style":"BOLD"}],"text":"Далее у нас этот хэндлер(в который зашла программа после нажатия кнопки \"\uD83C\uDF79Напитки\uD83C\uDF79\" ) выводит пользователю сообщение с вариантами отображения блюд, где в свою очередь тоже есть две кнопки с callback_data \"1\" и \"2\". ","type":"unstyled","key":"cgu4r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":189,"style":"BOLD"},{"length":16,"offset":256,"style":"BOLD"},{"length":9,"offset":317,"style":"BOLD"}],"text":"И после выбора отображения мы переходим ко второму хэндлеру который ловит оба выбора отображения, но внутри него(хэндлера) мы различаем кнопки, т.к. у нас есть возможность посмотреть какой callback_data у нас зашёл. Можете проверить и написать в хэндлере \"print(call.data)\" и посмотреть что выйдет в консоль, почему \"call.data\"?, а потому что)))","type":"unstyled","key":"c3ad3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":12,"style":"BOLD"},{"length":5,"offset":198,"style":"BOLD"}],"text":"В параметре call у нас хранится всё что мы можем узнать от кнопки: информацию о пользователе, какой у неё callback_data, какой на ней был текст(может пригодиться) и другое. можете посмотреть выведя call в консоль.","type":"unstyled","key":"b7l7h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":39,"style":"BOLD"},{"length":21,"offset":64,"style":"BOLD"}],"text":"Также мы будем в хэндлере использовать call.from_user.id вместо message.from_user.id.","type":"unstyled","key":"b70v7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":107,"offset":0,"style":"BOLD"}],"text":"bot.answer_callback_query(callback_query_id=call.id, text=\"Выберите формат отображения.\", show_alert=False)","type":"unstyled","key":"egu6n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":108,"style":"BOLD"}],"text":"Данная строка в хэндлере отвечает пользователю в форме отображающегося окошка с кнопкой \"ок\", если параметр show_alert=True.","type":"unstyled","key":"bne3f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":37,"style":"BOLD"}],"text":"И в виде пуш уведомления сверху если show_alert=False.","type":"unstyled","key":"3afio"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поменяйте и проверьте.","type":"unstyled","key":"e3n4g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":107,"style":"BOLD"}],"text":"Также, делая inline кнопки я сначала создаю кнопки, а потом их уже вношу в клавиатуру с помощью параметра \".row(***)\".","type":"unstyled","key":"7tq0f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Параметр row() добавляет заданные кнопки в одну строку(у всего есть предел), поэтому я всегда пользуюсь им, т.к. знаю как будет выглядеть и сколько кнопок будет в строке.","type":"unstyled","key":"4kvgv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если вы хотите сделать несколько строк, то просто внесите кнопки так:","type":"unstyled","key":"2mfi2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":47,"offset":0,"style":"BOLD"}],"text":".row(button,button1).row(button2).row(button3).","type":"unstyled","key":"a8vdd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":38,"style":"BOLD"}],"text":"Или можете воспользоваться параметром .add() написать в него кнопок сколько захотите. но по умолчанию в нём стоит две кнопки в строке, так что придётся поставить значение побольше, если надо, а как это сделать можете посмотреть в документации. Или спросить меня(не хочу на этом заострять внимание, т.к. суть статьи другая).","type":"unstyled","key":"e77gq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"d4983"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"bot.send_photo(call.from_user.id, open('capture/'+str(drinks.matrix[i][4]), 'rb'), caption=''+str(drinks.matrix[i][2])+\"\\n\\n\"+str(drinks.matrix[i][3])+\"\",parse_mode=\"HTML\",reply_markup=price) ","type":"blockquote","key":"47sa2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Собственно, в этой строке у нас выводятся блюда.","type":"unstyled","key":"bs91o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":12,"style":"BOLD"}],"text":"Параметр 1. call.from_user.id - чат с пользователем(куда отправлять).","type":"unstyled","key":"c4ere"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":50,"offset":12,"style":"BOLD"},{"length":8,"offset":151,"style":"BOLD"},{"length":25,"offset":232,"style":"ITALIC"}],"text":"Параметр 2. open('capture/'+str(drinks.matrix[i][4]), 'rb') - готовит нашу картинку с напитком к отправке. Как видите путь с папки с ботом я дополняю \"capture/\" и соединяю его с путём который у нас находится в массиве в 4-ом столбце(столбцы начинаются с 0).","type":"unstyled","key":"c2v6p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":53,"style":"BOLD"}],"text":"Обращаемся к массиву в файле drinks с помощью точки \"drinks.matrix[*][*]\".","type":"unstyled","key":"bsr2j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":101,"offset":12,"style":"BOLD"},{"length":11,"offset":283,"style":"BOLD"},{"length":19,"offset":350,"style":"BOLD"},{"length":13,"offset":498,"style":"BOLD"}],"text":"Параметр 3. caption=''+str(drinks.matrix[i][2])+\"\\n\\n\"+str(drinks.matrix[i][3])+\"\" - Описание к картинке, тут я вывожу сначала название напитка,(также беру из массива) и затем через отступ вывожу описание. Как вы можете заметить тут появляются непонятные , а это стили шрифта в HTML, который я объявляю далее как parse_mode=\"HTML\", поэкспериментируйте или посмотрите документацию, что за что отвечает. Главное не забудьте что их надо, соответственно, закрывать .","type":"unstyled","key":"3bd02"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Также я приклепляю inline кнопку с текстом цены, которую я взял из массива.","type":"unstyled","key":"br05"},{"data":{"image":{"id":"62960f36ec6e083c40f15822"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выводятся разом 7 напитков.(Влезло в скрин 2).","type":"atomic:image","key":"2i0qg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Идём далее, Пока у нас есть только отображение сплошняком, делаем отображение по частям.","type":"unstyled","key":"a7ml3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выводить будем одно блюдо и дальше его уже листать,","type":"unstyled","key":"7p14n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если захотите можете выводить сколько вашей душе угодно блюд, только чем больше разом будет листаться наших блюд, тем дольше они будут обновляться.","type":"unstyled","key":"bvl6o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Я сделаю три хэндлера:","type":"unstyled","key":"500jt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1. Если начало нашей категории, то надо, чтобы была в пролистывании только кнопка \"Далее\"","type":"unstyled","key":"2qhgb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2.Если не начало и не конец, то \"Далее\" и \"Назад\".","type":"unstyled","key":"9dt21"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3.Если конец категории, то только \"Назад\".","type":"unstyled","key":"8upv4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":66,"offset":191,"style":"ITALIC"}],"text":"Чтобы у нас было \"пролистывание\", нам надо редактировать сообщение с напитком которое уже есть в чате на следующий напиток или на предыдущий, но как же нам быть если этого сообщения ещё нет? Писать ещё один хэндлер где будет выводиться самый первый напиток?","type":"unstyled","key":"61m5q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Я сделал, чтобы хэндлер в котором мы оказываемся после выбора отображения, сразу выводился один напиток, если мы выбрали отображение по отдельности, а уже затем переходим к трём другим хэндлерам, где всё зависит от того, начало это, середина или конец.","type":"unstyled","key":"4rdu9"},{"data":{"image":{"id":"62962b0337f7e179f4c9d41a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отображение по отдельности.","type":"atomic:image","key":"a8vlb"},{"data":{"image":{"id":"62962b5786137a37eedcca9a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"код","type":"atomic:image","key":"6r5eb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Строчка которая не влезла:","type":"unstyled","key":"4aiej"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":263,"offset":0,"style":"BOLD"}],"text":"bot.edit_message_media(chat_id=call.from_user.id, message_id=int(call.message.message_id), media=types.InputMediaPhoto(photo, caption=''+str(drinks.matrix[a][2])+'\\n\\n'+str(drinks.matrix[a][3])+\"\",parse_mode=\"HTML\"),reply_markup=price)","type":"unstyled","key":"c81b7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Я бы вставил сюда всё одной картинкой, но тогда шрифт будет очень мелким, да и код в виде текста тут не очень выглядит, надеюсь вам понятно.","type":"unstyled","key":"n0dh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Видео с работой бота я прикреплю в посте после этой статьи.","type":"unstyled","key":"b01da"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Из объяснений к последним хэндлерам хочется добавить, что функцию по замене картинки и текста лучше запомните, вы мало где её найдёте рабочую.","type":"unstyled","key":"djcdc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"b8ga3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":4,"style":"BOLD"},{"length":4,"offset":147,"style":"BOLD"}],"text":"1. a=int(call.data)-10 - Здесь мы просто от полученного callback_data вычитаем 10 чтобы в дальнейшем приписать к первому индексу матрицы скромную \"а\".","type":"unstyled","key":"l5a0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":26,"style":"BOLD"},{"length":6,"offset":33,"style":"BOLD"},{"length":5,"offset":41,"style":"BOLD"}],"text":"Далее у нас идут кнопки с ценой, Далее и Назад.","type":"unstyled","key":"rn0r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":2,"style":"BOLD"},{"length":40,"offset":62,"style":"BOLD"},{"length":3,"offset":105,"style":"BOLD"},{"length":3,"offset":113,"style":"BOLD"}],"text":"В callback_data к кнопкам Назад и Далее мы передаём значение \"int(call.data)+1\" или \"int(call.data)-1\", \"a+1\" и \"а-1\" - нам не подходит, т.к. в \"a\" значение индекса напитка.","type":"unstyled","key":"5iue6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":57,"offset":9,"style":"BOLD"}],"text":"В строке photo = open('capture/'+str(drinks.matrix[a][4]), 'rb'), мы также открываем путь к нашей картинке, сделать это в функции редактирования картинки не удастся.","type":"unstyled","key":"ctpdh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"__________________________________________________________________________________________","type":"unstyled","key":"1kc8f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":201,"offset":0,"style":"ITALIC"}],"text":"-Спасибо, что дочитали данную статью до конца, Надеюсь, она была вам полезна. Также если что-то осталось не разобранным и непонятным - пишите в комментарии. Подписывайтесь, дальше будет ещё интереснее.","type":"unstyled","key":"82igg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ff1vc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"1ik2a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"JrwQ17xfl24WODP8lh0W"}],"entityMap":{}},"mentions":[]}