Google тестирует списки продуктов во фрагментах результатов поиска и локальные изображения
На протяжении многих лет мы видели, как Google показывает изображения продуктов во фрагментах во многих вариантах. Теперь Google снова взялся за это, но не только с продуктами, но и с локальными списками. Странно то, что эти объявления ведут на страницы со списком продуктов, а не на сами продукты.
Эта новая версия выглядит несколько иначе, и мне сказали, что она ссылается на страницы со списком продуктов, а не на сам продукт.
Google сейчас тестирует новый формат миниатюр с несколькими изображениями, которые предоставляют ссылки непосредственно на продукты. Я видел, как аналогичный формат тестировался для таких сайтов, как Pinterest и результаты, связанные с ресторанами, но никогда для электронной коммерции.
Это показывает обычный результат поиска без мета-описания, но с несколькими тизерами изображений / заголовков. Тизеры немного напоминают мне дополнительные ссылки, поскольку они ссылаются на подстраницы категории "Новые рестораны в Зальцбурге".
Оба выглядят очень знакомо, но я сказал, что там действия разные. Мне действительно интересно, является ли это частью европейских изменений в поисковой выдаче, которых мы ожидаем.
На протяжении многих лет мы видели, как Google показывает изображения продуктов во фрагментах во многих вариантах. Теперь Google снова взялся за это, но не только с продуктами, но и с локальными списками. Странно то, что эти объявления ведут на страницы со списком продуктов, а не на сами продукты.
Эта новая версия выглядит несколько иначе, и мне сказали, что она ссылается на страницы со списком продуктов, а не на сам продукт.
Google сейчас тестирует новый формат миниатюр с несколькими изображениями, которые предоставляют ссылки непосредственно на продукты. Я видел, как аналогичный формат тестировался для таких сайтов, как Pinterest и результаты, связанные с ресторанами, но никогда для электронной коммерции.
Это показывает обычный результат поиска без мета-описания, но с несколькими тизерами изображений / заголовков. Тизеры немного напоминают мне дополнительные ссылки, поскольку они ссылаются на подстраницы категории "Новые рестораны в Зальцбурге".
Оба выглядят очень знакомо, но я сказал, что там действия разные. Мне действительно интересно, является ли это частью европейских изменений в поисковой выдаче, которых мы ожидаем.
https://abuyfile.com/forums/cotonti/original/pfs/topic18
Модуль «PFS» - Файлы. Принципы и механизм работы загрузки, хранения, прикрепления и вставки файлов и картинок на сайте Cotonti, в статьях и форумах. Документация пользователя, справка и поддержка.
И так, мы уже познакомились и разобрались с установкой модуля в этой теме.
На сайтах "котонти", для прикрепления файлов в постах, под которыми понимается любая публикация в статьях, комментариях, форумах и в любой другой локации сайта, существует реально около десятка, а то и больше модулей и плагинов, которые могут реализовать этот функционал. Такие расширения не вошли в установочный пакет движка, поэтому вопросы по ним задавать в отдельном разделе, - "Cotonti - пользовательские модификации".
Тут стоит упомянуть, что все расширения с таким назначением, то есть прикрепление файлов к публикациям, - имеют свои недостатки и преимущества, и тут что для одного сайта может быть недостатком, - может стать преимуществом для сайта с другим назначением, под управлением "котонти".
Особенности и преимущества Модуля «PFS».
Разительными отличиями Модуля «PFS» от других атач-расширений являются:
1. Способность организовывать файлы при помощи встроенного файлового менеджера.
2. Способность хранить файлы на сайте без прикрепления к постам.
Другие расширения (из мне известных), такого функционала пользователю не предоставляют.
Важное отличие Модуля «PFS» - встроенный файловый менеджер.
В отличие от Модуля «PFS», используя другие пользовательские расширения, к каждому новому посту требуется каждая новая загрузка файлов.
Разумеется, это ощутимо и усвокряет, и упрощает задачу прикрепления картинок, документов или zip-архивов, но также быстро "пожирает" дисковое пространство сервера, на котором хостится ваш сайт. А сайты на "котонти" лучше сразу ставить на проверенный хостинг с хорошей поддержкой и без головной боли.
Тогда как в «PFS», вы однажды загрузили файл в определенную папку, а затем вы можете прикреплять этот файл неограниченное количество раз в своих публикациях на форуме, в статьях, в комментариях, в личной переписке и т.д.
Например, у вас форум на "котонти", по обзору новинок компьютерной техники и "железа" к нему. Вышла линейка материнских плат, в которой 10-ть модификаций, а руководство пользователя для всей линейки одинаковое. Ну смысл к каждой теме, по каждой модификации грузить один и тот же файл в pdf, весом пусть даже в 15 мегабайт?
Разница чувствуется?
Да, не сомненно, можно в одной теме прикрепить, а потом в 9-ти остальных писать, - руководство пользователя скачать можно в такой-то теме, но есть понятие "Эстетика постов", пусть мы не всегда идеально это делаем, но всё же удобно ведь, когда "всё под рукой".
Модуль «PFS» - Файлы. Принципы и механизм работы загрузки, хранения, прикрепления и вставки файлов и картинок на сайте Cotonti, в статьях и форумах. Документация пользователя, справка и поддержка.
И так, мы уже познакомились и разобрались с установкой модуля в этой теме.
На сайтах "котонти", для прикрепления файлов в постах, под которыми понимается любая публикация в статьях, комментариях, форумах и в любой другой локации сайта, существует реально около десятка, а то и больше модулей и плагинов, которые могут реализовать этот функционал. Такие расширения не вошли в установочный пакет движка, поэтому вопросы по ним задавать в отдельном разделе, - "Cotonti - пользовательские модификации".
Тут стоит упомянуть, что все расширения с таким назначением, то есть прикрепление файлов к публикациям, - имеют свои недостатки и преимущества, и тут что для одного сайта может быть недостатком, - может стать преимуществом для сайта с другим назначением, под управлением "котонти".
Особенности и преимущества Модуля «PFS».
Разительными отличиями Модуля «PFS» от других атач-расширений являются:
1. Способность организовывать файлы при помощи встроенного файлового менеджера.
2. Способность хранить файлы на сайте без прикрепления к постам.
Другие расширения (из мне известных), такого функционала пользователю не предоставляют.
Важное отличие Модуля «PFS» - встроенный файловый менеджер.
В отличие от Модуля «PFS», используя другие пользовательские расширения, к каждому новому посту требуется каждая новая загрузка файлов.
Разумеется, это ощутимо и усвокряет, и упрощает задачу прикрепления картинок, документов или zip-архивов, но также быстро "пожирает" дисковое пространство сервера, на котором хостится ваш сайт. А сайты на "котонти" лучше сразу ставить на проверенный хостинг с хорошей поддержкой и без головной боли.
Тогда как в «PFS», вы однажды загрузили файл в определенную папку, а затем вы можете прикреплять этот файл неограниченное количество раз в своих публикациях на форуме, в статьях, в комментариях, в личной переписке и т.д.
Например, у вас форум на "котонти", по обзору новинок компьютерной техники и "железа" к нему. Вышла линейка материнских плат, в которой 10-ть модификаций, а руководство пользователя для всей линейки одинаковое. Ну смысл к каждой теме, по каждой модификации грузить один и тот же файл в pdf, весом пусть даже в 15 мегабайт?
Разница чувствуется?
Да, не сомненно, можно в одной теме прикрепить, а потом в 9-ти остальных писать, - руководство пользователя скачать можно в такой-то теме, но есть понятие "Эстетика постов", пусть мы не всегда идеально это делаем, но всё же удобно ведь, когда "всё под рукой".
Abuyfile
Принципы работы модуля - Модуль «PFS» - Файлы - Форумы | aBuyFile - маркетплейс цифровых товаров и фриланс услуг
Модуль «PFS» - Файлы. Принципы и механизм работы загрузки, хранения, прикрепления и вставки файлов и картинок на сайте Cotonti, в статьях и форумах. Документация пользователя, справка и поддержка.
Система платежей 💳 - многофункциональный, но достаточно простой раздел сайта, если знакомство с ним начать с подразделов. Далее по тексту в статье и на страницах сайта систему платежей будем называть: «личный баланс», «личный счет», «баланс пользователя».
Баланс пользователя (личный счет) в личном кабинете поставщика товаров и услуг, как и заказчика, разумеется доступен только зарегистрированному и авторизованному участнику сервиса независимых досудебных экспертиз.
Регистрация является бесплатной, простой, и не требует каких-то специальных условий.
Как пополнить личный баланс для оплаты услуг и покупки товаров. Как вывести средства на карту, расчетный счет в банке или электронный кошелек. Как пользоваться кошельком.
Система платежей сайта позволяет:
- пополнить свой личный счет и мгновенно оплачивать с него платные услуги сервиса.
- при наличии средств на балансе заказчика, мгновенно оплачивать услуги экспертов, по которым доступен онлайн платеж.
- резервировать средства по защищенной сделке, когда заказчик нанимает исполнителя для выполнения работы.
- зачисления на личный баланс исполнителя стоимости работ по защищенной сделке, в результате её успешного завершения.
- зачисления на личный баланс эксперта стоимости услуг, который оплатил заказчик, по истечению гарантийного срока.
- начисления на внутренний баланс пользователя партнерского вознаграждения.
- другие операции платежного или расчетного характера, которые будут доступны пользователю только после пополнения баланса.
- выводить средства с личного счета на электронные кошельки, банковские карты и расчетные счета банков по заявке пользователя (в ручном режиме).
1. История операций.
В этом разделе в виде таблицы представлена вся информация по поступлению и расходу средств на балансе пользователя.
Каждая операция - это платежный документ, который имеет такие реквизиты:
- уникальный идентификатор операции на весь сайт, - это номер или ID.
- Дата и время проведения операции.
- Описание, - название услуги, например «Пополнение счета», «Выплата по заказу № ХХ....», «Покупка рекламного места», «Вывод со счета по заявке» и т.д.
- Тип операции, то есть это расход или поступление средств, которые представлены в виде значков «-» или «+».
- Сумма по операции, то есть количество средств в валюте сайта.
2. Пополнение счета.
В видимой части сайта (для десктопных устройств) и в меню личного кабинета (для всех устройств), находятся постоянные ссылки на личный счет, где всегда отображаются количество средств и валюта.
Для того, чтобы пополнить личный баланс нужно:
- зайти в свой раздел платежей,
- перейти по ссылке «Пополнить счет»,
- в открывшейся форме пополнения счета указать сумму пополнения и перейти далее по кнопке «Пополнить счет»,
- выбрать удобный способ оплаты, - онлайн платежные системы или оплата на расчетный счет для юридических лиц.
При оплате через онлайн платежные системы, зачисление на личный баланс как правило осуществляется мгновенно.
При оплата на расчетный счет, - сразу или в течении нескольких часов, после поступления таких средств на расчетный счет.
3. Вывод средств с личного баланса.
Вывести деньги можно тогда, когда положительный баланс пользователя выше минимальной суммы для вывода средств.
Минимальный и максимальный пороги суммы для каждого направления могут отличаться между собой.
Направлений всего три:
1. вывод средств с личного баланса на электронные кошельки
2. вывод средств с личного баланса на карты банков
3. вывод средств с личного баланса на расчетные счета в банке.
https://abuyfile.com/user-guide/payments-manual/balans-info
Баланс пользователя (личный счет) в личном кабинете поставщика товаров и услуг, как и заказчика, разумеется доступен только зарегистрированному и авторизованному участнику сервиса независимых досудебных экспертиз.
Регистрация является бесплатной, простой, и не требует каких-то специальных условий.
Как пополнить личный баланс для оплаты услуг и покупки товаров. Как вывести средства на карту, расчетный счет в банке или электронный кошелек. Как пользоваться кошельком.
Система платежей сайта позволяет:
- пополнить свой личный счет и мгновенно оплачивать с него платные услуги сервиса.
- при наличии средств на балансе заказчика, мгновенно оплачивать услуги экспертов, по которым доступен онлайн платеж.
- резервировать средства по защищенной сделке, когда заказчик нанимает исполнителя для выполнения работы.
- зачисления на личный баланс исполнителя стоимости работ по защищенной сделке, в результате её успешного завершения.
- зачисления на личный баланс эксперта стоимости услуг, который оплатил заказчик, по истечению гарантийного срока.
- начисления на внутренний баланс пользователя партнерского вознаграждения.
- другие операции платежного или расчетного характера, которые будут доступны пользователю только после пополнения баланса.
- выводить средства с личного счета на электронные кошельки, банковские карты и расчетные счета банков по заявке пользователя (в ручном режиме).
1. История операций.
В этом разделе в виде таблицы представлена вся информация по поступлению и расходу средств на балансе пользователя.
Каждая операция - это платежный документ, который имеет такие реквизиты:
- уникальный идентификатор операции на весь сайт, - это номер или ID.
- Дата и время проведения операции.
- Описание, - название услуги, например «Пополнение счета», «Выплата по заказу № ХХ....», «Покупка рекламного места», «Вывод со счета по заявке» и т.д.
- Тип операции, то есть это расход или поступление средств, которые представлены в виде значков «-» или «+».
- Сумма по операции, то есть количество средств в валюте сайта.
2. Пополнение счета.
В видимой части сайта (для десктопных устройств) и в меню личного кабинета (для всех устройств), находятся постоянные ссылки на личный счет, где всегда отображаются количество средств и валюта.
Для того, чтобы пополнить личный баланс нужно:
- зайти в свой раздел платежей,
- перейти по ссылке «Пополнить счет»,
- в открывшейся форме пополнения счета указать сумму пополнения и перейти далее по кнопке «Пополнить счет»,
- выбрать удобный способ оплаты, - онлайн платежные системы или оплата на расчетный счет для юридических лиц.
При оплате через онлайн платежные системы, зачисление на личный баланс как правило осуществляется мгновенно.
При оплата на расчетный счет, - сразу или в течении нескольких часов, после поступления таких средств на расчетный счет.
3. Вывод средств с личного баланса.
Вывести деньги можно тогда, когда положительный баланс пользователя выше минимальной суммы для вывода средств.
Минимальный и максимальный пороги суммы для каждого направления могут отличаться между собой.
Направлений всего три:
1. вывод средств с личного баланса на электронные кошельки
2. вывод средств с личного баланса на карты банков
3. вывод средств с личного баланса на расчетные счета в банке.
https://abuyfile.com/user-guide/payments-manual/balans-info
aBuyFile - маркетплейс цифровых товаров и фриланс услуг
✅ Маркетплейс. 💳 Система платежей и личный баланс. Общие сведения. - Платежи, оплата и баланс
Справочная информация по основным возможностям личного счета, 💰 как пользоваться кошельком, пополнить для оплаты услуг. Как вывести средства на карту, расчетный счет в банке или электронный кошелек.
Как пополнить баланс на сайте, что бы купить цифровой товар в маркеплейсе или оплатить услуги фрилансера?
а также как воспользоваться платными услугами сайта по продвижению собственных товаров и услуг или приобрести премиум аккаунт "PRO" с доступом к закрытым разделам сайта?
Если удобнее читать с мобильного в телеграм.
Для начала пользователю нужно зарегистрироваться и авторизоваться на сайте. Гости сайта не имеют идентификатора и соответственно без него не формирутеся документ платежной операции - другими словами гости не могут ничего купить.
Основные понятия при управлении личным кошельком
1. Аккаунт.
личный кабинет пользователя, доступ к которому доступен после регистрации, и только по логину и паролю. За сохраннность и передачу третьей стороне доступов в личный кабинет аккаунта пользователь несет персональную ответственность.
2. Баланс аккаунта
внутренний личный счет пользователя в валюте сайта.
Принцип работы личного кошелька предельно прост и его можно сравнить с дебетовой картой любого банка, - пополнили счет карты на сумму ХХХ, и на эту сумму гуляем.
3. Использование баланса.
Средства на личном счету пользователя на сайте могут использоваться для:
- хранение и накопление средств;
- оплата товаров и услуг поставщиков.
Поставщиками выступают независимые продавцы цифровых товаров и исполнители (фрилансеры), специалисты по выполнению заданий и оказанию услуг.
- оплата сервисных услуг маркетплейса. (например продвижение своих товаров на страницах сайта);
- перевод средств на баланс другому пользователю;
- вывод средств с баланса на электронные кошельки и карты банков.
При пополнении баланса через онлайн платежные системы средства зачисляются как правило мгновенно.
1. в меню личного кабинета находим нулевой баланс, переходим, жмем ссылку «Пополнить счет» и затем вводим сумму пополнения.
2. из доступных способов оплаты выбираем PAYEER или PAYPAL.
3. оплачиваем и пользуемся средствами.
Как видите, - всё просто!
У меня нет ни PAYEER ни PAYPAL ! Как пополнить?
Легко и просто. Через любой обменник с сайта-каталога.
Выбираете обменник и создаете заявку в техподдержку нашего сайта в личном кабинете.
https://abuyfile.com/user-guide/payments-manual/how-top-up-balance
а также как воспользоваться платными услугами сайта по продвижению собственных товаров и услуг или приобрести премиум аккаунт "PRO" с доступом к закрытым разделам сайта?
Если удобнее читать с мобильного в телеграм.
Для начала пользователю нужно зарегистрироваться и авторизоваться на сайте. Гости сайта не имеют идентификатора и соответственно без него не формирутеся документ платежной операции - другими словами гости не могут ничего купить.
Основные понятия при управлении личным кошельком
1. Аккаунт.
личный кабинет пользователя, доступ к которому доступен после регистрации, и только по логину и паролю. За сохраннность и передачу третьей стороне доступов в личный кабинет аккаунта пользователь несет персональную ответственность.
2. Баланс аккаунта
внутренний личный счет пользователя в валюте сайта.
Принцип работы личного кошелька предельно прост и его можно сравнить с дебетовой картой любого банка, - пополнили счет карты на сумму ХХХ, и на эту сумму гуляем.
3. Использование баланса.
Средства на личном счету пользователя на сайте могут использоваться для:
- хранение и накопление средств;
- оплата товаров и услуг поставщиков.
Поставщиками выступают независимые продавцы цифровых товаров и исполнители (фрилансеры), специалисты по выполнению заданий и оказанию услуг.
- оплата сервисных услуг маркетплейса. (например продвижение своих товаров на страницах сайта);
- перевод средств на баланс другому пользователю;
- вывод средств с баланса на электронные кошельки и карты банков.
При пополнении баланса через онлайн платежные системы средства зачисляются как правило мгновенно.
1. в меню личного кабинета находим нулевой баланс, переходим, жмем ссылку «Пополнить счет» и затем вводим сумму пополнения.
2. из доступных способов оплаты выбираем PAYEER или PAYPAL.
3. оплачиваем и пользуемся средствами.
Как видите, - всё просто!
У меня нет ни PAYEER ни PAYPAL ! Как пополнить?
Легко и просто. Через любой обменник с сайта-каталога.
Выбираете обменник и создаете заявку в техподдержку нашего сайта в личном кабинете.
https://abuyfile.com/user-guide/payments-manual/how-top-up-balance
aBuyFile - маркетплейс цифровых товаров и фриланс услуг
Как пополнить баланс пользователя маркетплейса? - Платежи, оплата и баланс
Инструкция по пополнению баланса личного кошелька для покупки цифровых товаров и оплаты услуг исполнителей, а также для проведения взаиморасчетов внутри торговой площадки цифровых товаров и фриланс услуг aBuyFile
Многие, кто работал и работает с площадками фриланс-услуг, а также маркетплейсами цифровых и контентных продуктов прекрасно знает, что вывод средств - это невероятная и долгая головная боль и порой на 10 суток.
Цитата из одной такой заявки в другом маркетплейсе:
«Мы осуществим выплату на указанные вами реквизиты в ближайшие несколько дней. Срок выплаты согласно п.X.Y условий Договора "Тут название" составляет не более 10 банковских дней.
Благодарим Вас за сотрудничество!»
А с выходными - это две недели!
Нет!. У нас немного по другому. Мы работаем через сервис payeer.com
а это означает:
Вывод средств с сайта «aBuyFile» занимает не больше 1-х суток с момента заявки!
Вы, простите, но вы никак "не ослышались" - не более суток на вывод средств и это явные преимущества самого сервиса «PAYEER®».
Здесь стоит отметить несколько важных моментов:
1. На самом деле, вывод средств, а точнее перевод внутри системы «PAYEER®» осуществляется мгновенно.
Что это значит для вас?
Даже, если у вас на балансе сайта всего 10$, и вы решили вывести средства, - создаёте заявку на вывод средств, и если администратор «aBuyFile» находится онлайн - вполне реально выполнение операции в течении 5-ти минут.
2. Комиссия - 0.5% (полпроцента)!
Что это значит для вас ?
Вы подали заявку на вывод 10$, комиссия за переводы внутри «PAYEER®» - 0,5%, к зачислению вы получаете 9,95$.
Смотрите скриншот
Что в итоге?
Выплата почти мгновенно + комиссия, которую и комиссией тяжело назвать!
На всякий случай, для новичков и скептиков, стоит упомянуть, что с PAYEER®-кошелька, вы уже можете вывести свои средства по своему усмотрению на все популярные направления, и если нужно, конвертировать в нужную валюту. Скриншот доступных направлений и комиссии.
Нет нужного направления? Не подходит криптовалюта или рубль? да не вопрос, вот монитор обменников - https://www.bestchange.ru/, переводите хоть в евро, в тенге, белорусский рубль или грузинский лари - там комиссия еще по-меньше, всё зависит от направления.
https://abuyfile.com/user-guide/payments-manual/balans-i-vyvod-sredstv-s-sajta
Цитата из одной такой заявки в другом маркетплейсе:
«Мы осуществим выплату на указанные вами реквизиты в ближайшие несколько дней. Срок выплаты согласно п.X.Y условий Договора "Тут название" составляет не более 10 банковских дней.
Благодарим Вас за сотрудничество!»
А с выходными - это две недели!
Нет!. У нас немного по другому. Мы работаем через сервис payeer.com
а это означает:
Вывод средств с сайта «aBuyFile» занимает не больше 1-х суток с момента заявки!
Вы, простите, но вы никак "не ослышались" - не более суток на вывод средств и это явные преимущества самого сервиса «PAYEER®».
Здесь стоит отметить несколько важных моментов:
1. На самом деле, вывод средств, а точнее перевод внутри системы «PAYEER®» осуществляется мгновенно.
Что это значит для вас?
Даже, если у вас на балансе сайта всего 10$, и вы решили вывести средства, - создаёте заявку на вывод средств, и если администратор «aBuyFile» находится онлайн - вполне реально выполнение операции в течении 5-ти минут.
2. Комиссия - 0.5% (полпроцента)!
Что это значит для вас ?
Вы подали заявку на вывод 10$, комиссия за переводы внутри «PAYEER®» - 0,5%, к зачислению вы получаете 9,95$.
Смотрите скриншот
Что в итоге?
Выплата почти мгновенно + комиссия, которую и комиссией тяжело назвать!
На всякий случай, для новичков и скептиков, стоит упомянуть, что с PAYEER®-кошелька, вы уже можете вывести свои средства по своему усмотрению на все популярные направления, и если нужно, конвертировать в нужную валюту. Скриншот доступных направлений и комиссии.
Нет нужного направления? Не подходит криптовалюта или рубль? да не вопрос, вот монитор обменников - https://www.bestchange.ru/, переводите хоть в евро, в тенге, белорусский рубль или грузинский лари - там комиссия еще по-меньше, всё зависит от направления.
https://abuyfile.com/user-guide/payments-manual/balans-i-vyvod-sredstv-s-sajta
Вот такой удивительный комментарий, мне случайно попался на глаза на официальном форуме сайта разработчиков CMS Cotonti, от пользователя, который не является разработчиком.
комментарий с официального форума как бутстрап замедляет сайт на котонти
Дело в том, что это в чистом виде банальный миф, который многих вводит в глубокое заблуждение.
Всё это потому что ни bootstrap, ни uikit, ни любой другой современный модульный CSS/JS front-end фреймворк сам по себе не в состоянии, ни то чтобы существенно, но даже заметно, ощутимо или наблюдаемо замедлить ваш сайт на Cotonti.
Заходим на сервис "PageSpeed" от Google. Если кто не знает, - это сервис для проверки и тестирования скорости загрузки своих страниц на любых устройствах.
Тестируем страницу с официального форума (ссылка видна на скриншоте), где бутстрапом пятом и не пахнет, то есть тестим скорость загрузки без "существенно замедляющего bootstrap"
тестим скорость загрузки страницы без, якобы существенно замедляющего bootstrap
Что мы видим? Значение скорости загрузки равно 42 единицам.
Спустя, чуть больше часа, проводим повторный спидтест этой же страницы, - результаты на скриншоте ниже:
повторный спидтест этой же страницы
Разница почти в 20 единиц, довольно ощутимо, но наличие или отсутствие bootstrap как видим вообще никаким боком на это не влияет. Уровень производительности рассчитывыется от самых разных показателей, и здесь масса факторов, среди которой библиотеки бутстрап пока не было.
Идем дальше.
Теперь тестируем скорость загрузки, довольно не маленькой страницы нашего форума с включенным кешированием и смотрим результаты для мобильных устройств.
скорость загрузки для мобильных устройств страница нашего форума с включенным кешированием
И в догонку, также с кешированием для компьютеров (декстопных устройств)
скорость загрузки для компьютеров и декстопных устройств страница нашего форума с включенным кешированием
а теперь также и для мобильных и для компьютеров, но с отключенным кешированием
также и для мобильных и для компьютеров, но с отключенным кешированием
также и для мобильных и для компьютеров, но с отключенным кешированием
ну и скрин настроек с файла конфигурации кеширования
ну и скрин настроек с файла конфигурации кеширования
Весь сайт aBuyFile использует библиотеку front-end фреймворка UIkit3, - тот же Bootstrap5, просто кому как удобнее, то есть на вкус и цвет личное дело каждого.
Меняем настройки конфигурации кеширования datas/config.php и включаем всё, - смотрим скрин ниже
Тестировать будем текущую страницу форума, на которой на этот момент уже 8 картинок, текст, и само собой разумеется подключенная библиотека front-end фреймворка UIkit3.
снова открываем онлайн сервис pagespeed insights от google.
Результат проверки для мобильных устройств
Результат проверки скорости загрузки для десктопных устройств - компьютеров:
На скриншотах, на двух последних, уверен можно рассмотреть, что тестировалась именно эта страница форума, которую вы сейчас читаете.
Суть в том, что эти оба фреймворка Bootstrap и UIkit примерно одинаковы по весу и производительности, каждый из них подключается всего двумя файлами, и даже если вы подключите, чисто ради эксперимента и пытливости ученного, одновременно UIkit3 и Bootstrap5 - они даже вместе не снизят загрузку вашего сайта на 20 единиц.
И так, имеем 84/95 единиц уровня производительности для мобильных и компьютеров соответственно, как реальный факт против мифически абсурдной цитаты ниже
Cotonti очень шустрый и bootstrap может существенно замедлить работу своим тяжеловесными не используемыми CSS которые вынужден шерстить браузер
И к сожалению, это мнение имеет довольно широкую распространенность, но к счастью есть просто мнение, а есть объективные факты, установленные как пример на 2-х последних скриншотах.
Если вы внимательно читали цитату, чуть выше, я думаю вам как и мне крайне любопытен факт того, что именно замедляет библиотека Bootstrap?
комментарий с официального форума как бутстрап замедляет сайт на котонти
Дело в том, что это в чистом виде банальный миф, который многих вводит в глубокое заблуждение.
Всё это потому что ни bootstrap, ни uikit, ни любой другой современный модульный CSS/JS front-end фреймворк сам по себе не в состоянии, ни то чтобы существенно, но даже заметно, ощутимо или наблюдаемо замедлить ваш сайт на Cotonti.
Заходим на сервис "PageSpeed" от Google. Если кто не знает, - это сервис для проверки и тестирования скорости загрузки своих страниц на любых устройствах.
Тестируем страницу с официального форума (ссылка видна на скриншоте), где бутстрапом пятом и не пахнет, то есть тестим скорость загрузки без "существенно замедляющего bootstrap"
тестим скорость загрузки страницы без, якобы существенно замедляющего bootstrap
Что мы видим? Значение скорости загрузки равно 42 единицам.
Спустя, чуть больше часа, проводим повторный спидтест этой же страницы, - результаты на скриншоте ниже:
повторный спидтест этой же страницы
Разница почти в 20 единиц, довольно ощутимо, но наличие или отсутствие bootstrap как видим вообще никаким боком на это не влияет. Уровень производительности рассчитывыется от самых разных показателей, и здесь масса факторов, среди которой библиотеки бутстрап пока не было.
Идем дальше.
Теперь тестируем скорость загрузки, довольно не маленькой страницы нашего форума с включенным кешированием и смотрим результаты для мобильных устройств.
скорость загрузки для мобильных устройств страница нашего форума с включенным кешированием
И в догонку, также с кешированием для компьютеров (декстопных устройств)
скорость загрузки для компьютеров и декстопных устройств страница нашего форума с включенным кешированием
а теперь также и для мобильных и для компьютеров, но с отключенным кешированием
также и для мобильных и для компьютеров, но с отключенным кешированием
также и для мобильных и для компьютеров, но с отключенным кешированием
ну и скрин настроек с файла конфигурации кеширования
ну и скрин настроек с файла конфигурации кеширования
Весь сайт aBuyFile использует библиотеку front-end фреймворка UIkit3, - тот же Bootstrap5, просто кому как удобнее, то есть на вкус и цвет личное дело каждого.
Меняем настройки конфигурации кеширования datas/config.php и включаем всё, - смотрим скрин ниже
Тестировать будем текущую страницу форума, на которой на этот момент уже 8 картинок, текст, и само собой разумеется подключенная библиотека front-end фреймворка UIkit3.
снова открываем онлайн сервис pagespeed insights от google.
Результат проверки для мобильных устройств
Результат проверки скорости загрузки для десктопных устройств - компьютеров:
На скриншотах, на двух последних, уверен можно рассмотреть, что тестировалась именно эта страница форума, которую вы сейчас читаете.
Суть в том, что эти оба фреймворка Bootstrap и UIkit примерно одинаковы по весу и производительности, каждый из них подключается всего двумя файлами, и даже если вы подключите, чисто ради эксперимента и пытливости ученного, одновременно UIkit3 и Bootstrap5 - они даже вместе не снизят загрузку вашего сайта на 20 единиц.
И так, имеем 84/95 единиц уровня производительности для мобильных и компьютеров соответственно, как реальный факт против мифически абсурдной цитаты ниже
Cotonti очень шустрый и bootstrap может существенно замедлить работу своим тяжеловесными не используемыми CSS которые вынужден шерстить браузер
И к сожалению, это мнение имеет довольно широкую распространенность, но к счастью есть просто мнение, а есть объективные факты, установленные как пример на 2-х последних скриншотах.
Если вы внимательно читали цитату, чуть выше, я думаю вам как и мне крайне любопытен факт того, что именно замедляет библиотека Bootstrap?
Важно задать себе предметные вопросы в контексте этой темы:
Вопрос №1. Что именно замедляет "связка" CMS Cotonti + Bootstrap/UIkit?
А. Существенно замедляет работу сайта.
Б. Существенно замедляет работу веб-браузера.
В. Всё замедляет!
Вопрос №2. Как именно проводился замер "замедления"?
А. Специализированными онлайн сервисами и программным обеспечением.
Б. На глаз, и открытые 75 вкладок на это не влияют!
В. Зачем замерять, я и так знаю, что замедляет и все так говорят!
Выводы можете сделать самостоятельно. Если сомневаетесь, - кто мешает проверить?
Другое дело, когда к сайту, кроме бутстрап, вы подключите, простите с десятка полтора сторонних плагинов "jQuery Bootstrap Plugins" и к тому же, 5 из ни для третьей версии, 5 для четвертой и еще 5 плагинов для бутстрапа пятой линейки, - я ничему не удивлюсь. Поэтому и использую UIkit3, который содержит и включает в себя практически все компоненты, необходимые для работы при верстке шаблонов и разработке веб-интерфейсов. На мой взгляд, его единственный недостаток, это "увесистость" HTML-кода, если сравнивать с бутстрапом.
Итоги темы, насколько сильно влияет связка Cotonti и Bootstrap, или Cotonti и UIkit3, на скорость загрузки сайта и производительности как таковой. Как сильно замедляет загрузку страницы.
Есть масса факторов, на которые вы никак не повлияете, чтобы увеличить скорость работы вашего сайта и скорость загрузки страниц. С этим нужно просто смириться, потому что это динамическая среда, с постоянно изменяющимися значениями переменных, таких, например, как хостинг, который вы используете, скорость и качество интернет соединения от сервера к вашему компьютеру и от вашего компьютера к серверу. "Железо" вашего устройства как и то, что на нем установлено также имеет влияние.
Не стоит спешить что-то менять на сайте, с бутстрапом или без, понаблюдайте за производительностью вашего сайта с помощью сервиса PageSpeed Insights - и вы обнаружите, что тест производительности для мобильных может резко колебаться от 95 до 50 единиц, в разные моменты времени.
Ничего не меняя на сайте, показатели производительности могут падать и подниматься на 30 единиц и больше!
При том, что тест для компьютерных устройств может оставаться на уровне 95-100 единиц. И бывает так, что показатели смещаются вообще в противоположные стороны, а именно, проведя повторную проверку, вы обнаружите, что для мобильных показатель упал, а для декстопов вырос, или наоборот.
Тестируйте случайные страницы вашего сайта с разных браузеров и с разных устройств, анализируйте собранные данные, но выводы, достойные внимания, всегда сделаны опираясь на факты, иначе это лишь мнение.
В заключение, опираясь на факты, установленные на практике, и изложенные в этом топике, -
Вам нравится верстать на Bootstrap5 или UIkit3 ? - Верстайте в свое удовольствие! А CMS Cotonti в "содружестве" с модульными CSS/JS front-end фреймворками творит магию и чудеса.
https://abuyfile.com/forums/cotonti/original/skins/topic26
Вопрос №1. Что именно замедляет "связка" CMS Cotonti + Bootstrap/UIkit?
А. Существенно замедляет работу сайта.
Б. Существенно замедляет работу веб-браузера.
В. Всё замедляет!
Вопрос №2. Как именно проводился замер "замедления"?
А. Специализированными онлайн сервисами и программным обеспечением.
Б. На глаз, и открытые 75 вкладок на это не влияют!
В. Зачем замерять, я и так знаю, что замедляет и все так говорят!
Выводы можете сделать самостоятельно. Если сомневаетесь, - кто мешает проверить?
Другое дело, когда к сайту, кроме бутстрап, вы подключите, простите с десятка полтора сторонних плагинов "jQuery Bootstrap Plugins" и к тому же, 5 из ни для третьей версии, 5 для четвертой и еще 5 плагинов для бутстрапа пятой линейки, - я ничему не удивлюсь. Поэтому и использую UIkit3, который содержит и включает в себя практически все компоненты, необходимые для работы при верстке шаблонов и разработке веб-интерфейсов. На мой взгляд, его единственный недостаток, это "увесистость" HTML-кода, если сравнивать с бутстрапом.
Итоги темы, насколько сильно влияет связка Cotonti и Bootstrap, или Cotonti и UIkit3, на скорость загрузки сайта и производительности как таковой. Как сильно замедляет загрузку страницы.
Есть масса факторов, на которые вы никак не повлияете, чтобы увеличить скорость работы вашего сайта и скорость загрузки страниц. С этим нужно просто смириться, потому что это динамическая среда, с постоянно изменяющимися значениями переменных, таких, например, как хостинг, который вы используете, скорость и качество интернет соединения от сервера к вашему компьютеру и от вашего компьютера к серверу. "Железо" вашего устройства как и то, что на нем установлено также имеет влияние.
Не стоит спешить что-то менять на сайте, с бутстрапом или без, понаблюдайте за производительностью вашего сайта с помощью сервиса PageSpeed Insights - и вы обнаружите, что тест производительности для мобильных может резко колебаться от 95 до 50 единиц, в разные моменты времени.
Ничего не меняя на сайте, показатели производительности могут падать и подниматься на 30 единиц и больше!
При том, что тест для компьютерных устройств может оставаться на уровне 95-100 единиц. И бывает так, что показатели смещаются вообще в противоположные стороны, а именно, проведя повторную проверку, вы обнаружите, что для мобильных показатель упал, а для декстопов вырос, или наоборот.
Тестируйте случайные страницы вашего сайта с разных браузеров и с разных устройств, анализируйте собранные данные, но выводы, достойные внимания, всегда сделаны опираясь на факты, иначе это лишь мнение.
В заключение, опираясь на факты, установленные на практике, и изложенные в этом топике, -
Вам нравится верстать на Bootstrap5 или UIkit3 ? - Верстайте в свое удовольствие! А CMS Cotonti в "содружестве" с модульными CSS/JS front-end фреймворками творит магию и чудеса.
https://abuyfile.com/forums/cotonti/original/skins/topic26
Abuyfile
Cotonti и Bootstrap. Как сильно замедляет загрузку страницы. - Темы. Шаблоны и Дизайн. Скины и Вёрстка. - Форумы | aBuyFile - маркетплейс…
Справка для новичков, - CSS и JS фреймворки, насколько утяжеляют загрузку страниц сайта CMS Cotonti? Мифы и объективные факты.
https://abuyfile.com/forums/cotonti/original/skins/tpl-free/topic38
Ключевые особенности основного шаблона «cPanel» (Си-Панель):
1. Использует Bootstrap v.3.4
Bootstrap - это самый популярный фреймворк HTML, CSS и JS для разработки адаптивных мобильных проектов в Интернете.
2. Использует Font Awesome v5
это интернет-библиотека иконок и набор инструментов, которыми пользуются миллионы дизайнеров, разработчиков и создателей контента.
3. Cotonti lib
Библиотека компонентов на php, которая расширяет текущий API CMF Сotonti.
"Cotonti lib" предоставляет дополнительные функции для создания новых модулей и плагинов, а также необходима для совместимости некоторых дополнительных расширений от разработчика Alex300.
4. К шаблону, прилагается одноименный модуль cpanel,
который расшряет возможности стандартной панели администратора Cotonti.
При установке, нужно внимательно отнестить к требованиям и последовательности шагов.
1. Подготовка. Совместимость и требования | Compatibility & Requirements:
PHP v.7.4+
Cotonti v.0.9.24.2
Собираем в кучу всё необходимое:
1.1 Архив "Cotonti-master.zip",
в котором актуальный код движка Cotonti (если еще не установлен)
https://github.com/Cotonti/Cotonti
1.2 Архив "cotonti-cpanel-master.zip"
из актуального репозитория автора
https://github.com/Alex300/cotonti-cpanel
1.3 Архив "cotonti-lib-master.zip"
из актуального репозитория автора
https://github.com/Alex300/cotonti-lib
1.4 Архив "bootstrap-3.4.1-dist.zip",
в котором библиотека "Bootstrap" версии 3.4.1
Скачиваем архив с официального сайта
https://getbootstrap.com/docs/3.4/getting-started/
Там три способа скачать, но качают они разное.
Нам нужна кнопка на скачивание "Download Bootstrap" под текстом:
"Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included."
1.5 Архив "fontawesome-free-5.15.4-web.zip",
в котором библиотека "FontAwesome" версии 5 https://fontawesome.com/v5/download
В итоге, собирая всё в кучу, у вас должно получится 5-ть новых скачанных архивов.
2. Поэтапная и последовательная загрузка на сайт через FTP-менеджер.
Создаем папку, например с именем "theme-cpanel-install-pack" в которой сделаем "пакет" установки:
2.1. Комбинацией клавишь клавиатуры ("Ctrl" + "A") выделяем все архивы, и правым кликом мышки, вызываем контекстное меню проводника. Жмем "Распаковать каждый архив в отельную папку".
Теперь все архивы удаляем, больше они не понадобятся.
В нашем пакете, у вас должно получится 5 папок, смотрите скриншот и сразу устанавливаем, в каком порядке, мы будем обращаться к папкам. Это важно, соблюсти последовательность при закачивании, потому, что затем вам будет проще, уже устанавливать этот "пакет" в таком же порядке. Запоминаем, что к папке "cotonti-cpanel-master" как и к установке самого шаблона «cPanel» приступаем завершающим шагом, каждого этапа инструкции.
1. "Cotonti-master"
Рекомендуется использовать актуальный релиз "кота".
Если вы по каким-то причинам не можете или не желаете обновлять движок Cotonti, - значит этот шаг пропускаем.
Если обновляемся, то согласно инструкции "Обновление сайта на Cotonti Siena".
2. "bootstrap-3.4.1-dist"
2.1. В корне сайта находим каталог "lib" и в нем создаем папку "bootstrap"
2.2. В скачаном архиве вы найдете три папки, - "css", "fonts" и "js" - закачиваем на сайт в "lib/bootstrap".
Обращайте внимание на скриншоты в этой инструкции. Кликая по ним, вы можете их видеть в полном размере, чтобы наглядно увидеть то, что "сходу" новичку сложно понять, или, что не исключенно, может я не правильно подбираю слова, чтоб максимально просто и подробно расписать всё это руководство.
3. "fontawesome-free-5.15.4-web"
2.1. В этом же каталоге "lib", создаем папку "font-awesome".
2.2. На компьютере, в папке "fontawesome-free-5.15.4-web" выделяете нам нужные три папки, - "css", "webfonts" и "js" - закачиваем на сайт в "lib/font-awesome".
Смотрите скриншот и обращайте всегда внимание на потери файлов при передаче, если что не закачалось, - докачиваем.
4. "cotonti-lib-master"
В дереве каталогов, из папки "lib/font-awesome"
Ключевые особенности основного шаблона «cPanel» (Си-Панель):
1. Использует Bootstrap v.3.4
Bootstrap - это самый популярный фреймворк HTML, CSS и JS для разработки адаптивных мобильных проектов в Интернете.
2. Использует Font Awesome v5
это интернет-библиотека иконок и набор инструментов, которыми пользуются миллионы дизайнеров, разработчиков и создателей контента.
3. Cotonti lib
Библиотека компонентов на php, которая расширяет текущий API CMF Сotonti.
"Cotonti lib" предоставляет дополнительные функции для создания новых модулей и плагинов, а также необходима для совместимости некоторых дополнительных расширений от разработчика Alex300.
4. К шаблону, прилагается одноименный модуль cpanel,
который расшряет возможности стандартной панели администратора Cotonti.
При установке, нужно внимательно отнестить к требованиям и последовательности шагов.
1. Подготовка. Совместимость и требования | Compatibility & Requirements:
PHP v.7.4+
Cotonti v.0.9.24.2
Собираем в кучу всё необходимое:
1.1 Архив "Cotonti-master.zip",
в котором актуальный код движка Cotonti (если еще не установлен)
https://github.com/Cotonti/Cotonti
1.2 Архив "cotonti-cpanel-master.zip"
из актуального репозитория автора
https://github.com/Alex300/cotonti-cpanel
1.3 Архив "cotonti-lib-master.zip"
из актуального репозитория автора
https://github.com/Alex300/cotonti-lib
1.4 Архив "bootstrap-3.4.1-dist.zip",
в котором библиотека "Bootstrap" версии 3.4.1
Скачиваем архив с официального сайта
https://getbootstrap.com/docs/3.4/getting-started/
Там три способа скачать, но качают они разное.
Нам нужна кнопка на скачивание "Download Bootstrap" под текстом:
"Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included."
1.5 Архив "fontawesome-free-5.15.4-web.zip",
в котором библиотека "FontAwesome" версии 5 https://fontawesome.com/v5/download
В итоге, собирая всё в кучу, у вас должно получится 5-ть новых скачанных архивов.
2. Поэтапная и последовательная загрузка на сайт через FTP-менеджер.
Создаем папку, например с именем "theme-cpanel-install-pack" в которой сделаем "пакет" установки:
2.1. Комбинацией клавишь клавиатуры ("Ctrl" + "A") выделяем все архивы, и правым кликом мышки, вызываем контекстное меню проводника. Жмем "Распаковать каждый архив в отельную папку".
Теперь все архивы удаляем, больше они не понадобятся.
В нашем пакете, у вас должно получится 5 папок, смотрите скриншот и сразу устанавливаем, в каком порядке, мы будем обращаться к папкам. Это важно, соблюсти последовательность при закачивании, потому, что затем вам будет проще, уже устанавливать этот "пакет" в таком же порядке. Запоминаем, что к папке "cotonti-cpanel-master" как и к установке самого шаблона «cPanel» приступаем завершающим шагом, каждого этапа инструкции.
1. "Cotonti-master"
Рекомендуется использовать актуальный релиз "кота".
Если вы по каким-то причинам не можете или не желаете обновлять движок Cotonti, - значит этот шаг пропускаем.
Если обновляемся, то согласно инструкции "Обновление сайта на Cotonti Siena".
2. "bootstrap-3.4.1-dist"
2.1. В корне сайта находим каталог "lib" и в нем создаем папку "bootstrap"
2.2. В скачаном архиве вы найдете три папки, - "css", "fonts" и "js" - закачиваем на сайт в "lib/bootstrap".
Обращайте внимание на скриншоты в этой инструкции. Кликая по ним, вы можете их видеть в полном размере, чтобы наглядно увидеть то, что "сходу" новичку сложно понять, или, что не исключенно, может я не правильно подбираю слова, чтоб максимально просто и подробно расписать всё это руководство.
3. "fontawesome-free-5.15.4-web"
2.1. В этом же каталоге "lib", создаем папку "font-awesome".
2.2. На компьютере, в папке "fontawesome-free-5.15.4-web" выделяете нам нужные три папки, - "css", "webfonts" и "js" - закачиваем на сайт в "lib/font-awesome".
Смотрите скриншот и обращайте всегда внимание на потери файлов при передаче, если что не закачалось, - докачиваем.
4. "cotonti-lib-master"
В дереве каталогов, из папки "lib/font-awesome"
Abuyfile
«cPanel» - шаблон административной панели управления - Бесплатные шаблоны - Форумы | aBuyFile - маркетплейс цифровых товаров и…
Тема админки для CMS Cotonti Siena от разработчика Alex300 (Алексей Кальнов) и руководителя команды "Lily Software".
This media is not supported in your browser
VIEW IN TELEGRAM
«Freelance MarketPlace» Мультиязычность модулей
Как настроить многоязочность, локализацию контента в модулях "Задания", "Услуги", "Маркет" в пользовательском пакете (собрании) переработанных модулей и плагинов, в сборке скриптов фриланс биржи и маркетплейса
Как настроить многоязочность, локализацию контента на разных языках в модулях "Задания", "Услуги", "Маркет" в пользовательском пакете (собрании) переработанных модулей и плагинов, в сборке скриптов фриланс биржи и маркетплейса.
Алгоритм действий для всех трех модулей одинаков.
Инструкцию рассмотрим на примере модуля, - market. Названия расширений используем по коду в админке в списке расширений.
Требования перед началом работы созданию мультиязычного контента, - структуры категорий и товаров маркетплейса.
1. Установленный модуль "MarketPlace" коммерческой версии - market.
2. Установленный и настроенный плагин "Content Internationalization" - i18n. Как его настроить инструкция здесь.
Имейте ввиду, пока не выполнен пункт№2 - нет смысла переходить к пункту№3
3. Устанавливаем плагин "Module Market Content Internationalization" - i18n4market и приступаем.
Ход работы и порядок действий
Всё начинается с мультиязычности (интернеционализации) самой структуры модуля.
Например, категорий много. Писать буду по своему, то есть для меня такой путь быстрее, но всегда можно одной и той же цели достичь разными путями.
1. Подготавливаем коды корневых (родительских) категорий, в которых будут мультиязычные товары.
Как правильно заполнять структуру категорий - это отдельная тема.
Путь первый: Идем в phpMyAdmin открываем свою базу и скролим в самый низ до префиксбазы_structure.
Жмем на имя этой таблицы.
Жмем на кнопку "Экспорт".
Выбираем "CSV for MS Excel".
Жмем кнопку "Вперед". - Смотрите скриншоты. на скриншоты можно нажимать, если нужно увеличить.
Открываем скачанный файл table_structure.csv, например "LibreOffice Calc".
Кликаем по ячейке "B1" и сортируем, не важно во возрастанию или убыванию.
Нас интересует все, что в колонке "structure_code", где слева в колонке "structure_area" напротив прописано "market" - выделяем и копируем.
Напишу по другому.
После сортировки, смотрим в колонке "structure_area", где у нас прописано "market", а напротив, в колонке "structure_code" справа у нас прописаны коды корневых (имеют точку после первого значения) категорий, которые нам нужны для мультиязычности.
Выделяем эти коди копируем, вставляем, например в текстовый документ программы "Notepad++" и форматируем весь текст так, чтобы всё было записано в однустроку через запятую. Никаких пробелов и энтеров. С форматированием закончили выделяем всё и копируем.
Путь второй: открываем две вкладки, - в одной структуру модуля market, а вдругой конфигурацию плагина i18n4market и из полей первой копируем коды корневых категорий в поле второго, в одну строку, через запятую.
2. Конфигурация плагина "Module Market Content Internationalization" - i18n4market.
Заходим в настройки, и справа от "Корневые категории для применения i18n4market" вставляем скопированные коды категорий.
В форме ниже, - Список локалей сайта и каждая локаль с новой строки, формат: locale_code|Заголовок локали, - как пример:
en|English
ru|Русский
ua|Українська
Всё. закрываем админку и идем прямо в список товаров.
3. Мультиязычность категорий модуля "маркетплейса", она же "Интернационализация структуры".
3.1. Открываем сразу два шаблона своей темы market.list.tpl и market.tpl - в обоих вставляем две кнопки
Как настроить многоязочность, локализацию контента в модулях "Задания", "Услуги", "Маркет" в пользовательском пакете (собрании) переработанных модулей и плагинов, в сборке скриптов фриланс биржи и маркетплейса
Как настроить многоязочность, локализацию контента на разных языках в модулях "Задания", "Услуги", "Маркет" в пользовательском пакете (собрании) переработанных модулей и плагинов, в сборке скриптов фриланс биржи и маркетплейса.
Алгоритм действий для всех трех модулей одинаков.
Инструкцию рассмотрим на примере модуля, - market. Названия расширений используем по коду в админке в списке расширений.
Требования перед началом работы созданию мультиязычного контента, - структуры категорий и товаров маркетплейса.
1. Установленный модуль "MarketPlace" коммерческой версии - market.
2. Установленный и настроенный плагин "Content Internationalization" - i18n. Как его настроить инструкция здесь.
Имейте ввиду, пока не выполнен пункт№2 - нет смысла переходить к пункту№3
3. Устанавливаем плагин "Module Market Content Internationalization" - i18n4market и приступаем.
Ход работы и порядок действий
Всё начинается с мультиязычности (интернеционализации) самой структуры модуля.
Например, категорий много. Писать буду по своему, то есть для меня такой путь быстрее, но всегда можно одной и той же цели достичь разными путями.
1. Подготавливаем коды корневых (родительских) категорий, в которых будут мультиязычные товары.
Как правильно заполнять структуру категорий - это отдельная тема.
Путь первый: Идем в phpMyAdmin открываем свою базу и скролим в самый низ до префиксбазы_structure.
Жмем на имя этой таблицы.
Жмем на кнопку "Экспорт".
Выбираем "CSV for MS Excel".
Жмем кнопку "Вперед". - Смотрите скриншоты. на скриншоты можно нажимать, если нужно увеличить.
Открываем скачанный файл table_structure.csv, например "LibreOffice Calc".
Кликаем по ячейке "B1" и сортируем, не важно во возрастанию или убыванию.
Нас интересует все, что в колонке "structure_code", где слева в колонке "structure_area" напротив прописано "market" - выделяем и копируем.
Напишу по другому.
После сортировки, смотрим в колонке "structure_area", где у нас прописано "market", а напротив, в колонке "structure_code" справа у нас прописаны коды корневых (имеют точку после первого значения) категорий, которые нам нужны для мультиязычности.
Выделяем эти коди копируем, вставляем, например в текстовый документ программы "Notepad++" и форматируем весь текст так, чтобы всё было записано в однустроку через запятую. Никаких пробелов и энтеров. С форматированием закончили выделяем всё и копируем.
Путь второй: открываем две вкладки, - в одной структуру модуля market, а вдругой конфигурацию плагина i18n4market и из полей первой копируем коды корневых категорий в поле второго, в одну строку, через запятую.
2. Конфигурация плагина "Module Market Content Internationalization" - i18n4market.
Заходим в настройки, и справа от "Корневые категории для применения i18n4market" вставляем скопированные коды категорий.
В форме ниже, - Список локалей сайта и каждая локаль с новой строки, формат: locale_code|Заголовок локали, - как пример:
en|English
ru|Русский
ua|Українська
Всё. закрываем админку и идем прямо в список товаров.
3. Мультиязычность категорий модуля "маркетплейса", она же "Интернационализация структуры".
3.1. Открываем сразу два шаблона своей темы market.list.tpl и market.tpl - в обоих вставляем две кнопки
❤1
<!-- IF {PHP.usr.isadmin} OR {PHP.usr.maingrp} == 5 -->
<li>
<a href="{PHP|cot_url('admin', 'm=market')}" uk-tooltip="{PHP.L.market_admin_moder_mod}" title="{PHP.L.market_admin_moder_mod}" class="uk-btn-icon-fa uk-btn-dangrlight shadow-dangrlight">
<i class="fa-solid fa-gear fa-spin fa-2xl"></i>
</a>
</li>
<!-- IF {PHP.cot_plugins_active.i18n4market} -->
<li>
<a href="{PHP|cot_url('i18n4market', 'm=structure')}" uk-tooltip="{PHP.L.i18n4market_structure}" title="{PHP.L.i18n4market_structure}" class="uk-btn-icon-fa uk-btn-dangrlight shadow-dangrlight">
<i class="fa-solid fa-language fa-xl"></i>
</a>
</li>
<!-- ENDIF -->
<!-- ENDIF -->
Потом, что нужно всегда можно удалить.
Стили мои, никто не мешает сделать по-своему.
3.2 Шаблон market.tpl.
в нужном месте "под рукой" размещаем
<!-- IF {PHP.cot_plugins_active.i18n4market} -->
<div class="uk-card uk-card-small shadow-sldlight uk-background-blur-sldlight uk-card-hover uk-border-rounded uk-margin-medium-bottom">
<div class="uk-card-body">
<!-- BEGIN: I18N_LANG -->
<p class="uk-card-title">{PHP.L.Language}:</p>
<ul class="uk-list uk-list-divider">
<!-- BEGIN: I18N_LANG_ROW -->
<li>
<a href="{I18N_LANG_ROW_URL}">{I18N_LANG_ROW_TITLE}</a>
</li>
<!-- END: I18N_LANG_ROW -->
</ul>
<!-- END: I18N_LANG -->
<div class="buttons">{PAGE_I18N_TRANSLATE} {PAGE_I18N_DELETE}</div>
<!-- IF {PHP.item_i18n4market_locales} == '' -->
<a href="{PHP|cot_url('plug', 'e=i18n4market&m=market&a=add&id={PHP.item.item_id}')}" class="uk-button uk-button-success">{PHP.L.i18n4market_translate}</a>
<!-- ENDIF -->
</div>
</div>
<!-- IF {PHP.item_i18n4market_locales} > 1 -->
<!-- IF {PHP.item.ipage_locale} == 'en' OR {PHP.item.ipage_locale} == 'ua' -->
<!-- IF {PHP.i18n4market_admin} OR {PHP.usr.isadmin} -->
<div class="uk-card uk-card-small shadow-sldlight uk-background-blur-sldlight uk-card-hover uk-border-rounded uk-margin-medium-bottom">
<div class="uk-card-body">
<ul class="uk-list uk-list-divider">
<!-- IF {PHP.item.ipage_locale} == 'en' -->
<li>
<a href="{PAGE_ADMIN_EDIT_URL}" class="uk-button uk-button-warning">{PHP.L.i18n4market_editing}</a>
</li>
<!-- ENDIF -->
<!-- IF {PHP.item.ipage_locale} == 'ua' -->
<li>
<a href="{PAGE_ADMIN_EDIT_URL}" class="uk-button uk-button-primary">{PHP.L.i18n4market_editing}</a>
</li>
<!-- ENDIF -->
</ul>
</div>
</div>
<!-- ENDIF -->
<!-- ENDIF -->
<!-- ENDIF -->
<!-- ENDIF -->
Имейте ввиду, - код приведенный выше, это если у нас по дефолту стоит - русский, то есть в конфиге
$cfg['defaultlang'] = 'ru';
3.3. Сам процесс интернеционализации структуры.
В пункте 3.1 в шаблон списка товаров и в саму карточку товара мы поставили по две кнопки, каждая вторая в каждом случае, - это кнопка со ссылкой на страницу создания англоязычного эквивалента названия категории и её описания, если в момент перехода по ссылке у нас был выбран английский язык интерфейса.
Если выбран русский - при переходе во ссылке откроется выбор локали, какую будем переводить, - имеется ввиду категории и описание. До самих товаров еще далеко. Когда переведем все категории, а уже только потом приступаем к переводу товаров.
Переводим структуру модуля маркет на английский
Переводим структуру модуля маркет на украинский
4. Перевод карточек товара (перевод публикаций в модуле маркетплейса)
Уже только после того, как перевели полностью на все языки структуру/категории приступаем к товарам.
4.1. Идем в любую карточку товара. в пункте №3.2 мы там прописали специальные кнопки для операций с переводом.
какой бы язык интерфейса сейчас бы не был выбран, - всё равно будет линк на перевод. смотрите скриншоты.
4.2. Жмем кнопку "перевести" и заполняем значения перевода, например у нас украинский.
4.3. Сохранеямся и возращаемся в карточку товара.
По кнопке сохранения мы уже автоматом попадаем в украиноязычную версия нашей карточки товара, потому как переводили на украинский.
<li>
<a href="{PHP|cot_url('admin', 'm=market')}" uk-tooltip="{PHP.L.market_admin_moder_mod}" title="{PHP.L.market_admin_moder_mod}" class="uk-btn-icon-fa uk-btn-dangrlight shadow-dangrlight">
<i class="fa-solid fa-gear fa-spin fa-2xl"></i>
</a>
</li>
<!-- IF {PHP.cot_plugins_active.i18n4market} -->
<li>
<a href="{PHP|cot_url('i18n4market', 'm=structure')}" uk-tooltip="{PHP.L.i18n4market_structure}" title="{PHP.L.i18n4market_structure}" class="uk-btn-icon-fa uk-btn-dangrlight shadow-dangrlight">
<i class="fa-solid fa-language fa-xl"></i>
</a>
</li>
<!-- ENDIF -->
<!-- ENDIF -->
Потом, что нужно всегда можно удалить.
Стили мои, никто не мешает сделать по-своему.
3.2 Шаблон market.tpl.
в нужном месте "под рукой" размещаем
<!-- IF {PHP.cot_plugins_active.i18n4market} -->
<div class="uk-card uk-card-small shadow-sldlight uk-background-blur-sldlight uk-card-hover uk-border-rounded uk-margin-medium-bottom">
<div class="uk-card-body">
<!-- BEGIN: I18N_LANG -->
<p class="uk-card-title">{PHP.L.Language}:</p>
<ul class="uk-list uk-list-divider">
<!-- BEGIN: I18N_LANG_ROW -->
<li>
<a href="{I18N_LANG_ROW_URL}">{I18N_LANG_ROW_TITLE}</a>
</li>
<!-- END: I18N_LANG_ROW -->
</ul>
<!-- END: I18N_LANG -->
<div class="buttons">{PAGE_I18N_TRANSLATE} {PAGE_I18N_DELETE}</div>
<!-- IF {PHP.item_i18n4market_locales} == '' -->
<a href="{PHP|cot_url('plug', 'e=i18n4market&m=market&a=add&id={PHP.item.item_id}')}" class="uk-button uk-button-success">{PHP.L.i18n4market_translate}</a>
<!-- ENDIF -->
</div>
</div>
<!-- IF {PHP.item_i18n4market_locales} > 1 -->
<!-- IF {PHP.item.ipage_locale} == 'en' OR {PHP.item.ipage_locale} == 'ua' -->
<!-- IF {PHP.i18n4market_admin} OR {PHP.usr.isadmin} -->
<div class="uk-card uk-card-small shadow-sldlight uk-background-blur-sldlight uk-card-hover uk-border-rounded uk-margin-medium-bottom">
<div class="uk-card-body">
<ul class="uk-list uk-list-divider">
<!-- IF {PHP.item.ipage_locale} == 'en' -->
<li>
<a href="{PAGE_ADMIN_EDIT_URL}" class="uk-button uk-button-warning">{PHP.L.i18n4market_editing}</a>
</li>
<!-- ENDIF -->
<!-- IF {PHP.item.ipage_locale} == 'ua' -->
<li>
<a href="{PAGE_ADMIN_EDIT_URL}" class="uk-button uk-button-primary">{PHP.L.i18n4market_editing}</a>
</li>
<!-- ENDIF -->
</ul>
</div>
</div>
<!-- ENDIF -->
<!-- ENDIF -->
<!-- ENDIF -->
<!-- ENDIF -->
Имейте ввиду, - код приведенный выше, это если у нас по дефолту стоит - русский, то есть в конфиге
$cfg['defaultlang'] = 'ru';
3.3. Сам процесс интернеционализации структуры.
В пункте 3.1 в шаблон списка товаров и в саму карточку товара мы поставили по две кнопки, каждая вторая в каждом случае, - это кнопка со ссылкой на страницу создания англоязычного эквивалента названия категории и её описания, если в момент перехода по ссылке у нас был выбран английский язык интерфейса.
Если выбран русский - при переходе во ссылке откроется выбор локали, какую будем переводить, - имеется ввиду категории и описание. До самих товаров еще далеко. Когда переведем все категории, а уже только потом приступаем к переводу товаров.
Переводим структуру модуля маркет на английский
Переводим структуру модуля маркет на украинский
4. Перевод карточек товара (перевод публикаций в модуле маркетплейса)
Уже только после того, как перевели полностью на все языки структуру/категории приступаем к товарам.
4.1. Идем в любую карточку товара. в пункте №3.2 мы там прописали специальные кнопки для операций с переводом.
какой бы язык интерфейса сейчас бы не был выбран, - всё равно будет линк на перевод. смотрите скриншоты.
4.2. Жмем кнопку "перевести" и заполняем значения перевода, например у нас украинский.
4.3. Сохранеямся и возращаемся в карточку товара.
По кнопке сохранения мы уже автоматом попадаем в украиноязычную версия нашей карточки товара, потому как переводили на украинский.
Теперь у нас появились дополнительные кнопки для управления - редактирование перевода и список уже существующих локализаций у этой карточки товара. смотрите скриншот.
4.4. Меняем язык интерфейса на английский
и у нас дополнительно появляется ссылка "Translate" - то есть перевести на английский. Жмем. переводим. сохраняемся.
Смотрите скриншоты.
Всё.
https://abuyfile.com/ru/forums/marketplace-script/multilingual_mod/topic51
4.4. Меняем язык интерфейса на английский
и у нас дополнительно появляется ссылка "Translate" - то есть перевести на английский. Жмем. переводим. сохраняемся.
Смотрите скриншоты.
Всё.
https://abuyfile.com/ru/forums/marketplace-script/multilingual_mod/topic51
Abuyfile
«Freelance MarketPlace» Мультиязычность модулей | Мультиязычность модулей - Форумы | aBuyFile
Как настроить многоязочность, локализацию контента в модулях "Задания", "Услуги", "Маркет" в пользовательском пакете (собрании) переработанных модулей и плагинов, в сборке скриптов фриланс биржи и маркетплейса