Тема WoodMart v.7.6.0 установка и перевод (свой)

Тема WoodMart установка и перевод
Содержание
  1. Всегда создавайте резервные копии сайта перед внесением изменений.
  2. Тема WoodMart, по моему, почему ОЧЕНЬ крута:
  3. HTML блоки
  4. Layouts / Слои
  5. Редактор шапки сайта
  6. Русификация WoodMart, что не переводится в файле woodmart-ru_RU  :
  7. «Frequently Bought Together» еще есть в шаблоне «single product»
  8. Отзыв по критериям Your assessment, Value for money, Durability, Delivery speed
  9. Auto Backup — резервная копия (Backup)
  10. Prebuilt websites — готовые шаблоны сайтов для импорта
  11. Общие
  12. Layouts / Слои 
  13. Header banner / баннер в шапке
  14. Promo popup / Всплывающее промо-окно
  15. Cookie law info / Информация о файлах cookie
  16. Age verify popup / Окно о возрасте
  17. Mobile bottom navbar / Нижняя панель навигации
  18. Поиск
  19. Sticky navigation
  20. Page title / Заголовок страницы
  21. Подвал (Footer +Copyrights ) 
  22. Typography / Типография 
  23. Основное
  24. Advanced / Продвинутые
  25. Custom fonts / Пользовательские шрифты
  26. Icon fonts / Шрифты для иконок
  27. Шрифты Adobe
  28. Стили и цвет
  29. Blog / Статьи 
  30. Портфолио
  31. Shop / Магазин
  32. Виджет корзины покупок
  33. Артикул
  34. Режим каталога — выключение корзины.
  35. Скрыть добавление в корзину и цену — без авторизации
  36. Динамические скидки 
  37. Variable products / Продукты с вариациями
  38. Этикетки на продуктах
  39. Бренды
  40. Quick view / Предпросмотр
  41. Сравнить товары в теме Woodmart
  42. Wishlist / Избранное 
  43. Лист ожидания
  44. Корзина
  45. Checkout  / Просмотр заказа
  46. Часто покупается вместе
  47. Подарки / Free gifts
  48. Панель бесплатной доставки
  49. Архив продуктов
  50. Фильтры магазина
  51. Сайтбар
  52. Карточка товара
  53. Gallery / Галерея
  54. Отзывы
  55. Другое / Other (404)
  56. Вкладки / Tabs
  57. Сопутствующие товары и распродажи
  58. Счетчик посетителей
  59. Счетчик продаж
  60. Личный кабинет
  61. Интеграция с API
  62. Performance / Отображение
  63. Lazy loading 
  64. Другое (404)
  65. Импорт / Экспорт / Сброс
  66. Настройка шапки темы:
  67. Остались вопросы? Спросите  >> кнопка справа.
  68.  

Всегда создавайте резервные копии сайта перед внесением изменений.

Тема WoodMart, по моему, почему ОЧЕНЬ крута:

HTML блоки

Интегрировано создание HTML блоков, которые потом вставляются в любое место в виде шорткодов,   т.е. вы можете вставить любой код на странице своего сайта.

Layouts / Слои

Позволяет создавать слои, например менять внешний вид страницы товара, корзины…. 

Редактор шапки сайта

Эта тема, как раз все, что хотел для интернет-магазина, я о внешнем виде и его способах изменения.

Создать интернет-магазин с ней можно просто фантастический.

Настроек столько, что можно в них просто утонуть! Изначально хотел на неё плюнуть после попытки русифицировать «в лоб»:

Файл перевода .MO И .PO (мой перевод 42% на 24-11-24) или с сайта разработчика (  PO-Revision-Date: 2024-09-30 ), но предупреждение:

«Нет синхронизации с шаблоном

Файл PO имеет строки, отличные от «woodmart.pot». Попробуйте провести синхронизацию до внесения изменений.»

несколько меня озадачило! Хотя, при переводе плагином Loco Translate пишет тоже самое. (((

***

Русификация WoodMart, что не переводится в файле woodmart-ru_RU  :

«Frequently Bought Together» еще есть в шаблоне «single product»

— кроме перевода в файле woodmart-ru_RU 

Фразу нужно изменить в шаблоне «single product…» : 

Можно еще увеличить значение

Отзыв по критериям Your assessment, Value for money, Durability, Delivery speed

Настройка темы -> Карточка товара ->Отзывы -> Критерии — ВКЛ!

Скачиваем перевод ( мой 42%( на 24-11-2024г. )+ включая перевод настроек или с сайта разработчика темы предыдущая версия -70% ) переименовываем их с префиксом _RU = woodmart-ru_RU и закидываем в папку темы на хостинге, через менеджер файлов или FTP: /ПАПКА_ВАШЕГО_САЙТА/public_html/wp-content/themes/woodmart/languages/ — ГОТОВО!

Так как я доперевожу ВСЕ без исключения переводы, то загружаю сюда ( через [Переместить] в плагине LOCO): /ПАПКА_МОЕГО_САЙТА/public_html/wp-content/plugins/loco-translate/languages — тут перевод не пропадет после обновления темы!

К примеру, «Список желаний» у меня в переводе звучит: «Избранное» и т.п. и т.д.

Auto Backup — резервная копия (Backup)

Тема чем хороша, можно восстановить из нескольких редакция настройки или даже откатить на 0!

Панель Админа -> Woodmart -> Настройка темы -> Backup ( авт. «резервная копия» ) -> авт.Применить ( Apply )/ и вуаля вы вернули все настройки!

Как то тема стала на весь экран ПК, пока не нашел где это изменять… — Так мне и нужно было! )))

Prebuilt websites — готовые шаблоны сайтов для импорта

Тема еще тем хорошо. что можно импортировать контент из Шаблонов:

Панель Админа -> Woodmart  — авт.: Готовые шаблоны (Prebuilt websites ):

Общие

Layouts / Слои 

Здесь можно задать шапку сайта, сайтбар и ширину сайта… 

Header banner / баннер в шапке

Настройка рекламного баннера в шапке сайта, можно вставить HTML Block, например, для бегущей стоки или анимированного изображения.

Promo popup / Всплывающее промо-окно

Настройка сплывающего промо окна.

Настройка подписи внизу станицы о куках.

Age verify popup / Окно о возрасте

Настройки с предупреждением о возрасте для просмотра сайта.

Mobile bottom navbar / Нижняя панель навигации

Поиск

Настройка поиска на сайте: поиск по товарам и статьям, по артикулу, по списку популярных запросов

Прежде чем выбрать в меню опцию «Sticky navigation», убедитесь, что загружены изображения. Вы можете настроить их с помощью меню «Внешний вид» -> «Меню»

Page title / Заголовок страницы

Настройки хлебных крошек и размера заголовка страниц: цвет , фон, размер.

сам подвал сделать тут: HTML блоки -> страница Footer. Настройка подвала сайта, можно создать целую страницу HTML, в том числе в любом редакторе и Elementor. Смена   подписи «made on WordPress…»

Создать дополнительный текст или вставить HTML-блок перед подвалом сайта.

Typography / Типография 

Здесь как раз можно настроить заголовки в виджетах фильтра, например, прописными буквами:   font size / font weight / Uppercase | Lowercase | Captitalize ( Типография — Основное — Виджет шрифта заголовка — выбрать нужное вам …)

Основное

Text font — настройка основных шрифтов размера и цвета. Установка типографику для заголовков (h1, h2, h3, h4, h5, h6).

Advanced / Продвинутые

Здесь вы можете изменить настройки типографики для отдельных элементов сайта независимо от базовых настроек. Например, изменить размер шрифта для цены, установить цвет ссылок мобильного меню, увеличить размер шрифта заголовков публикаций, изменить цвет «хлебных крошек» и т.д. Использование опции “Пользовательский селектор” позволяет вам написать свой собственный CSS-селектор и применить к нему любые правила использования шрифтов.

Custom fonts / Пользовательские шрифты

В этом разделе вы можете загрузить свои файлы пользовательских шрифтов. Для обеспечения наилучшей совместимости во всех браузерах вам лучше загружать свои шрифты во всех доступных форматах. 
<strong>ВАЖНОЕ ПРИМЕЧАНИЕ</strong>: После загрузки всех файлов и ввода названия шрифта вам нужно будет сохранить настройки темы и <strong>ПЕРЕЗАГРУЗИТЬ</strong> эту страницу. Затем вы сможете перейти в Настройки темы -> Типографика и выбрать пользовательский шрифт из списка. Более подробную информацию вы найдете в нашей документации здесь.

Icon fonts / Шрифты для иконок

Изменить шрифты для иконок

Шрифты Adobe

Чтобы использовать свой шрифт Adobe, вам необходимо создать учетную запись на сервисе и получить свой ID. Затем вам нужно ввести все пользовательские шрифты, которые вы будете использовать, разделив их «,». После этого сохраните настройки темы и перезагрузите эту страницу, чтобы выбрать нужные шрифты в списке в разделе Настройки темы -> Типографика.

Стили и цвет

Настройки: фона страниц и цвета, цвет ссылок, ц

Blog / Статьи 

Настройка отображения блога ( статей ) в каком виде отображать 

Портфолио

Выбор страницы портфолио и её настройка. Не нашел применение в интернет-магазине и выключил.

Shop / Магазин

Для меня наиболее важные настройки, потому начну с них:

Виджет корзины покупок

Здесь настройки: Действие после добавления в корзину, 

Артикул

Настройки его отображения: в корзине, на странице товара…

Режим каталога — выключение корзины.

Скрыть добавление в корзину и цену — без авторизации

Динамические скидки 

Вы можете настроить свои скидки в панели мониторинга -> Товары -> Динамические скидки, при включении опции и включить показ таблицы динамических цен на одной странице товара.

Variable products / Продукты с вариациями

Здесь настройки: Отображение вариантов в таблице товаров и витрине магазина, показывать цены вариаций или нет…

Этикетки на продуктах

Настройка этикеток: Распродажа, New, Hot, Нет в наличии, Атрибут

Бренды

Настройки по отображению БРЕНДА.

Quick view / Предпросмотр

Настройки быстрого просмотра товара и его внешний вид.

Сравнить товары в теме Woodmart

Текст на странице сравнения товаров: No products added in the compare list. You must add some products to compare them. You will find a lot of interesting products on our «Shop» page.  переводится здесь: авт.: Настройка темы -> Магазин -> поле «Пустой текст для сравнения».

Wishlist / Избранное 

Можно отключить страницу для не зарегистрированных пользователей. Настройки «листа желаний» ( избранные товары ) и текста You don’t have any products in the wishlist yet. You will find a lot of interesting products on our «Shop» page. на пустой странице.

Лист ожидания

Можно активировать эту опцию, чтобы клиенты могли присоединиться к списку ожидания товаров, которых нет на складе, и получать уведомления о том, когда товары снова станут доступны. И настроить ее.

Корзина

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

Checkout  / Просмотр заказа

Настройки: Фото товара, Количество, Кнопка удалить, Ссылка на продукт — Включите возможность перехода на страницу товара из таблицы заказов при оформлении заказа. Также можно включить «Менеджер полей оформления заказа» , что позволит вам настроить свои формы оформления заказа в Dashboard -> WooCommerce -> Поля оформления заказа.

Часто покупается вместе

Можно изменить число отображаемых в одной строке товаров. И настроить свои пакеты в Панель админа-> Продукты -> Часто покупаемые вместе. Более подробную информацию вы найдете в документации по теме.

Подарки / Free gifts

Здесь модно включить и её вид в корзине.

Панель бесплатной доставки

Включите бесплатную доставку. Её расчет можно привязать к зонам WooCommerce/ Здесь же меняем текст о бесплатной доставке, например на такой: «Добавьте [remainder] в корзину для бесплатной доставки!» и текст «Your order qualifies for free shipping!» на текст, к примеру такой: «Ваш заказ с бесплатной доставкой до ПВЗ в вашем городе миллионнике.

Архив продуктов

Настройки: Сетки продуктов, Панировочные сухари на странице магазина, включение отображение в стиле «Каменная решетка» ( когда фото товаров разное), Разбивка товаров на страницы или бесконечная прокрутка, Количество товаров на странице, Стили продуктов: цвет, фон, тень, звезды рейтинга и т.п., о

Фильтры магазина

Можно включить область виджета «Фильтры магазина» над товарами. Можно зона фильтров магазина сделать всегда открытой.

Сайтбар

Настройки сайтбара в архиве товаров.

Карточка товара

Настойки отображения страницы с товаром

Настройка карусели картинок и видео в карточке товара

Отзывы

Перевод критериев оценки: Your assessment, Value for money, Durability, Delivery speed … и добавления своих и формирование вида отзывов на странице товара. Разрешить загрузку фото к отзыву, как на Алиэкспресс, Озон…. Установить разрешение для отзывов только после регистрации.

Другое / Other (404)

Настройки «Страница 404»

Вкладки / Tabs

Настроить вид и заголовки вкладок на странице товара: аккордеон или просто вкладки

изначально на шаблоне «Мега электроники» вкладки не отображались, одна только была «Описание»…немного поискав нашлись, это блок в Elementor Tabs в шаблоне продукта:

Не смотря на то, что вставилось в шаблон товара 3 вкладки, отзывы на странице не отобразились, и разместились на ней в самом низу, имейте ввиду! Я получил две вкладки по умолчанию + 3 настраиваемых: «Документы», ТЗ  (тех задание) и «Скачать КП» ((( 

Иногда нужно их больше. Ранее использовал плагин «Вкладки товаров» — Custom Product Tabs for WooCommerce. Плагин с темой WoodMart работает, но не на всех слоях…. На слоях с импортируемого шаблона темы «Мега электроника» не заметил его работу. Пока 5 вкладок на странице товаров хватает… Перенасыщение страницы на сайте дополнительными данными, повлияет на скорость загрузки. В этой теме думаю,  добавить что то вроде вкладок дополнительными НТML блоками и вставить их в шаблон темы шорткодом… ЭТО тема делает легко! Хотя, ранее на «моих вкладках» на страницах товаров была разная инфа!

УРА! В каждом товаре( при редактировании)  есть возможность добавить еще 2 вкладки! С текстом в ней именно для этого товара!

Результат:

Сопутствующие товары и распродажи

Настройка отображения сопутствующие товары и распродажи

Счетчик посетителей

Счетчик продаж

Вы можете показать реальное количество заказов на этот товар или установить случайное поддельное число.

Личный кабинет

Настройки надписей при входе в личный кабинет. Вид ЛК , включить меню значков панели в виде картинок.

Интеграция с API

Настройка интеграции про API и Social authentication ( интеграция через соцсети ). Здесь можно:

Подключить учетную запись Instagram ( запрещена в России ). Карту «Google map». В подменю «Социальная аутентификация» можно настроить авторизацию на сайт черещ учетки: Facebook  ( запрещена в России ), Google и VK (авт.: Кто то из НАШИХ писал код ;-) )

Performance / Отображение

Настройка своих ( пользовательских) CSS для Gutenberg и JS. Подгрузить дополнительные «Шрифты и иконки».  Во вкладке «Плагины» поднастроить сопряжение темы с плагинами WP Rocket, Contact form 7, Elementor.

Lazy loading 

Настроить «Отложенная загрузка /Lazy loading».

Другое (404)

Load text domain /  Загрузить переводы — Включите его, чтобы загружать переводы из всех возможных мест. Обычно это необходимо отключить, чтобы перевод загружался только из системной папки wp-content/languages/themes и производительность была выше.

 

Импорт / Экспорт / Сброс

Экспорт импорт настроек темы или даже сброс в первоначальные ( заводские) настройки.

 

Настройка шапки темы:

Шапка настраивается здесь: 

Настроить меню sticky navigation ( слева свернутое изначально ) с помощью параметров, расположенных в разделе Настройки темы — Общие — Липкая навигация справа (Sticky navigation).

Остались вопросы? Спросите  >> кнопка справа.

 

Оцените статью
Добавить комментарии
Тема WoodMart v.7.6.0 установка и перевод (свой)
Как земенить SALE на РАСПРОДАЖИ или % скидки
× Спросить