изменить внешний вид woocommerce

Изменить внешний вид Woocommerce, товары, кнопки, страницы, цвет, размер, опции

Продолжаем разбирать самые интересные и полезные плагины для интернет-магазина woocommerce. Сегодня вы узнаете как изменить внешний вид онлайн магазина woocommerce. Вы сможете изменить внешний вид страницы товара, страницы магазина, страниц оформления заказа и корзины. Вы сможете менять цвет и размер заголовков, цен, описаний, категорий, скрыть не нужные элементы, изменить цвет и размер кнопки в корзине и т.д.

Изменить внешний вид интернет магазина woocommerce вы сможете с помощью плагина — Customize Woocommerce Shop. Установить данный плагин на свой сайт вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

плагин woocommerce

 

После установки и активации плагина, перейдите на страницу: Woocommerce — Customize Shop. Здесь вы сможете менять внешний вид своего интернет-магазина woocommerce.

 

настройки плагина

 

Product Shop Page, страница товара.

— Selected Products, выберите здесь All, тогда изменения будут касаться всех товаров. Вы можете выбрать только один товар или несколько определённых товаров.

— Product Images, поставьте здесь галочку, чтобы скрыть изображение товара.

— Product Title, поставьте здесь галочку, чтобы скрыть заголовок товара.

— Logged In User Only, если поставите здесь галочку, то кнопку Добавить в корзину будут видеть только зарегистрированные пользователи.

Products Prices, поставьте галочку, чтобы скрыть цены на товары.

— Add To Cart Button, поставьте здесь галочку, чтобы скрыть кнопку Добавить в корзину.

Нажмите на кнопкуSave All Settings, чтобы сохранить настройки.

 

Shop Page Appearance, внешний вид страницы Магазин.

— Remove Unset Product Images, поставьте галочку, чтобы скрыть изображения которые не установлены.

— Set Default Product Image, здесь можно задать изображение, которое будет использоваться по умолчанию для товаров у которых нет изображения.

— Title Font Color, здесь вы можете выбрать цвет шрифта для заголовка товара.

— Title Font Size, выберите размер шрифта заголовка товара.

— Title Font Weight, здесь вы можете выбрать тип шрифта для заголовка товара.

— Price Font Color, выберите цвет цены товара.

— Price Font Size, выберите размер цены товара.

— Price Font Weight, выберите тип шрифта цены товара.

Нажмите на кнопкуSave All Settings, чтобы сохранить настройки.

 

Product Details Page, одиночная страница товара.

— Selected Products, выберите для каких товаров будут происходить изменения. Для всех товаров выберите All.

— Product Images, поставьте галочку, чтобы скрыть изображения товара.

— Product Title, поставьте галочку, чтобы скрыть заголовок товара.

— Product Tabs, поставьте галочку, чтобы скрыть вкладку товара.

— Related Products, поставьте галочку, чтобы скрыть похожие товары.

— Logged In User Only, поставьте здесь галочку, чтобы кнопка Добавить в корзину, была видна только зарегистрированным пользователям.

— Products Prices, поставьте галочку, чтобы скрыть цену товара.

— Add To Cart Button, поставьте галочку, чтобы скрыть кнопку Добавить в корзину.

— Products Category, поставьте галочку, чтобы скрыть категории товара.

Нажмите на кнопкуSave All Settings, чтобы сохранить сделанные изменения.

 

Detail Page Appearance, внешний вид страницы товара.

— Remove Unset Product Images, удалить неопределённые изображения.

— Set Default Product Image, задать изображение по умолчанию для товаров у которых нет изображений.

— Title Font Color, выбрать цвет заголовка товара.

— Title Font Size, выбрать размер заголовка товара.

— Title Font Weight, выбрать тип шрифта заголовка.

— Price Font Color, цвет цены товара.

— Price Font Size, размер цены товара.

— Price Font Weight, тип шрифта цены товара.

— Description Font Color, цвет описания товара.

— Description Font Size, размер текста описания товара.

— Description Font Weight, тип шрифта текста описания товара.

— Category Font Color, цвет категории товара.

— Category Font Size, размер текста категории товара.

— Category Font Weight, тип шрифта категории.

Сохраните сделанные изменения.

 

Cart Page, корзина.

— Cart Empty Button, поставьте галочку, чтобы добавить кнопку Корзина пустая на страницу Корзина.

— Button Font Color, цвет кнопки пустой корзины.

— Button Font Size, размер кнопки.

— Button Font Weight, тип шрифта кнопки.

Нажмите на кнопкуSave All Settings для сохранения настроек.

 

Checkout Page, страница Оформить заказ. Здесь вы сможете выбрать между двумя параметрами Disable — отключить, Optional — необязательно.

— Billing Country, биллинг страны.

Billing First Name, биллинг имя.

— Billing Last Name, биллинг фамилия.

— Billing Company, биллинг компания.

— Billing Address1, биллинг адрес 1.

— Billing Address2, биллинг адрес 2.

— Billing City, фактура города.

— Billing State, биллинг государства.

— Billing Post Code, биллинг код поста.

— Billing Email, биллинг электронная почта.

— Billing Phone, биллинг телефон.

 

Shipping, доставка.

— Shipping Country, доставка страна.

— Shipping First Name, доставка имя.

— Shipping Last Name, доставка фамилия.

— Shipping Company, доставка компания.

— Shipping Address 1, 2, доставка адрес 1 и 2.

— Shipping City, город доставки.

— Shipping State, государственная доставка.

— Shipping Post Code, доставка код поста.

— Account Password, пароль учётной записи.

— Order Comment, комментарий заказа.

Сохраните сделанные изменения.

 

Изменить внешний вид Woocommerce, товары, кнопки, страницы, цвет, размер, опции обновлено: Октябрь 13, 2016 автором: Илья Журавлёв
 
 

30 комментариев

  • Юрий 22.10.2016 Ответить

    День добрый! За советом за помощью. Прячу изображение для заданных товаров , но при этом на страницах товаров не подлежащих изменению, исчезает цена. Что делать

    • Илья Журавлёв 24.10.2016 Ответить Автор

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

  • Светлана 02.11.2016 Ответить

    Здравствуйте, подскажите по пункту «Product Tabs, поставьте галочку, чтобы скрыть вкладку товара.» а добавить еще одну вкладку товара как то можно этим плагином или каким другим? Спасибо

  • Равиль 21.11.2016 Ответить

    Добрый день! Все получилось отлично на главной странице товаров, но при входе через группы товаров (не по фильтрации) идет отображение как задано темой, меня не устраивает такое оформление. Помогите решить проблему. Спасибо заранее.

    • Илья Журавлёв 21.11.2016 Ответить Автор

      Здравствуйте, не понял вас, на какой странице изменения не отображаются, на странице категории товара ?

      • Равиль 22.11.2016 Ответить

        Добрый день! Нажимая на всплывающие вкладки витрины товаров, нет изменений, пока не могу понять как исправить

        • Илья Журавлёв 22.11.2016 Ответить Автор

          Здравствуйте,»Всплывающие вкладки витрины» это как понять ?

          • Равиль 23.11.2016

            Давайте я Вам на почту скрины скину

      • Равиль 24.11.2016 Ответить

        Добрый вечер! Да, в категориях отображение не изменяется как надо

        • Илья Журавлёв 24.11.2016 Ответить Автор

          Попробуй вот этот плагин — WooCommerce Product Archive Customiser

          • Равиль 25.11.2016

            Не помогло

          • Илья Журавлёв 25.11.2016 Автор

            А что конкретно хотите изменить ?

  • Равиль 21.11.2016 Ответить

    Еще один вопрос: Как изменить порядок отображения товара на странице «Витрина»? Сейчас: Картинка, название, цена, кнопка «В корзину»; Нужно: Картинка, цена, кнопка «В корзину», название

    • Илья Журавлёв 21.11.2016 Ответить Автор

      Вам поможет плагин Woo Tuner, там есть функция сортировки отображения товара. В записи не указано, так как плагин обновился.

      • Равиль 22.11.2016 Ответить

        Woo Tuner не работает, порядок виджетов не активируется, может есть другой плагин?

        • Илья Журавлёв 22.11.2016 Ответить Автор

          Плагин работает, лично тестировал его.

          • Равиль 23.11.2016

            Пишет «Не тестировался с вашей версией WordPress».
            Кнопки во вкладке «Порядок» не активны.

          • Илья Журавлёв 23.11.2016 Автор

            Возможно данная функция ещё дорабатывается. Некоторые плагины могут себя по разному вести на разных темах.

          • Равиль 24.11.2016

            Тема Travelify

  • Оксана 02.12.2016 Ответить

    Добрый вечер!
    Установила плагин, но он требует активации. Вот что пишет:
    «Please Note: You need a Free API Key to unlock the functionality of this Plugin. After Activating your API Key click on the Customize Shop menu link.»
    Так и должно быть?
    Я перешла по ссылке, зарегистрировалась, получила ключ, но он не подходит. Не знаю, что делать…

    • Илья Журавлёв 02.12.2016 Ответить Автор

      Здравствуйте, не должно быть такого, если плагин не обновлялся. А на страницу настроек можете попасть ?

      • Равиль 02.12.2016 Ответить

        у меня аналогичная ситуация

        • Илья Журавлёв 02.12.2016 Ответить Автор

          Плагин обновился и изменился. Теперь, чтобы пользоваться плагином, нужно зарегистрироваться по ссылке и получить бесплатный API ключ. После ввода ключа и email адреса — будут доступны все настройки.

  • Оксана 04.12.2016 Ответить

    Я все сделала, но все равно ничего не получается. Пишет: «Error: Invalid API License Key. Login to your My Account page to find a valid API License Key Code: 101»

  • Оксана 04.12.2016 Ответить

    Запросила новый код, все получилось!

    • Равиль 04.12.2016 Ответить

      Везёт, у меня по прежнему пишет: Please Note: You need a Free API Key to unlock the functionality of this Plugin. After Activating your API Key click on the Customize Shop menu link.

  • Оксана 04.12.2016 Ответить

    Попробуй снова запросить. Пришлют другой код. У меня получилось.

    • Равиль 04.12.2016 Ответить

      Уже много раз запрашивал, бесполезно

      • Илья Журавлёв 04.12.2016 Ответить Автор

        Напишите в службу поддержки плагина, вам должны помочь !

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


7 + 1 =



super-infa-top
Стрелка вверх