Тема Storefront была создана специально для плагина WooCommerce, для создания своего онлайн-магазина, хотя использовать тему можно и для создания обычного блога или сайта. Тема Storefront очень стильная и современная, обладает очень широкими настройками, вы сможете настроить тему так как вам хочется.
Установить тему вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Внешний вид – Темы, вверху нажмите на кнопку – Добавить новую, введите в форму поиска название темы, нажмите Enter, установите и активируйте тему.
После установки и активации темы, перейдите на страницу: Внешний вид – Storefront, здесь вы можете ознакомиться с дополнительной информацией о теме.
– Можете приобрести дополнительные расширения.
– Можете посмотреть дочерние темы, которые были созданы на основе темы Storefront.
– Можно выбрать и установить бесплатные плагины, предназначенные для темы Storefront.
– Можете принять участие в развитие темы Storefront.
Настройка темы Storefront
Чтобы изменить и настроить тему Storefront, перейдите на страницу: Внешний вид – Настроить.
На странице Настроить, вы сможете настроить основные параметры темы, фон, цвета, описание, меню, типографика и т.д.
Свойства.
В свойствах сайта вы можете изменить название и краткое описание сайта. Можно загрузить иконку для сайта, которая отображается в браузерах и на экранах мобильных устройств.
Фон.
В настройках Фона, вы сможете изменить цвет фона темы или загрузить фоновое изображение.
Заголовок.
В настройках Заголовка, вы сможете загрузить изображение в заголовок. Можно выбрать цвет фона заголовка, цвет текста и цвет ссылок.
Подвал.
В настройках Подвала, вы сможете выбрать:
– Цвет фона подвала.
– Цвет заголовка подвала.
– Цвет текста подвала.
– Цвет ссылок подвала.
Типографика.
В настройках Типографики, вы можете выбрать:
– Цвет заголовков в содержании.
– Цвет текста в содержании.
– Цвет ссылки при выделении или при нажатии.
Кнопки.
В настройках Кнопки, вы сможете выбрать:
– Цвет фона кнопок.
– Цвет текста кнопок.
– Цвет фона альтернативной кнопки, когда при нажатии на основную кнопку, появляется дополнительная.
– Цвет текста альтернативной кнопки.
Разметка.
В настройках Разметки, вы сможете выбрать расположение боковой панели. Можно указать, чтобы боковая панель отображалась слева.
Остальные параметры.
– Меню, в настройках меню, вы можете указать какое меню должно отображаться на сайте. Если у вас нет меню, то вы можете создать его. Лучше управлять меню на странице: Внешний вид – Меню.
– Виджеты, в настройках виджетах, вы можете выбрать виджеты для сайдбаров. Лучше управлять виджетами на странице: Внешний вид – Виджеты.
– Статическая главная страница, здесь вы можете выбрать страницу, которая будет главной. В качестве главной можно указать любую страницу на вашем сайте.
– В конце, чтобы сохранить сделанные изменения, нажмите вверху на кнопку – Сохранить и опубликовать.
После сохранения настроек все сделанные изменения вступят в силу и отобразятся на вашем сайте.
Здравствуйте, пробовали настраивать мобильную версию? К примеру, я решил убрать поиск с сайта и нашел его код удалил, проблем вроде нету. Но при переходе на мобильную версию сайта появляется нижнее меню, где есть кнопка поиска, которая при переходе ничего не открывает и не делает, так как удалил функцию поиска из кода. Во вкладке: внешний вид – меню, его нету. Оно появилось или из темы или из плагина woocomerce
По факту у меня фон зафиксирован с пк версии и iPhone отображается нормально (только нижнее меню с моб версии над удалить!), а с айпада когда захожу фон почему то прокручивается, тем самым делая записи не читабельным (из-за нижнего рисунка). Не пойму в чем дело.. Причем если я в настройках ставлю фон наоборот – прокручивать, то с айпада всё нормально, а с пк версии и моб ужасн
Привет, могу посоветовать сделать мобильную версию для сайта.
ребят помогите,делаю разметку справа,она у меня все равно слева стоит и бестолку уже все перепробовал((
По подробней можно ! ?
Вот смотри best-shop37.ru, там все в одну строчку,и как то урезан сайт,хотя делал все как положено,на разметку никак не реагирует,если поможешь я тебе буду очень благодарен.
все эти виджеты находятся слева,разметка не помогает(((
Зайди на страницу: Внешний вид – Виджеты, там несколько сайдбаров. У тебя виджеты отображаются в сайдбаре “Под заголовком”. Если ты хочешь чтобы виджеты отображались справа в боковой колонке, то просто перетащи их в сайдбар “Боковая колонка”. Причём тут разметка ?
Оо,спасибо огромное,только вчера начал работать,не знал,спасибо)))
Как изменить в storefront – footer?
Копирайт, текст и.т.д. – Спасибо!
Может помочь плагин – SiteOrigin CSS, но он только может скрыть ссылку. Самой ссылки в файлах шаблона нет, она закодирована и отображается только в исходном коде. Я пробовал, вставлял исходный код в футер, но шаблон криво отображается. Выход один, просто убрать ссылку с помощью CSS.
Я нашёл решение этим плагином – My Custom Functions wordpress.org/plugins/my-custom-functions
Вы полностью можете изменить его своим кодом – Копирайт, текст, ссылки и.т.д.
В любом случае спасибо!
я решил проблему таким образом:
// Убрать стандартную надпись в подвале и заменить на свою.
add_action( ‘init’, ‘custom_remove_footer_credit’, 10 );
function custom_remove_footer_credit () {
remove_action( ‘storefront_footer’, ‘storefront_credit’, 20 );
add_action( ‘storefront_footer’, ‘custom_storefront_credit’, 20 );
}
// Своя надпись
function custom_storefront_credit() {
?>
©
Здорово, спасибо, обязательно напишу об этом !
На самом деле футер правится в файле storefront/inc/storefront-template-functions.php. В строке 126 можно дописать что-нибудь своё , а строку 128, которая выводит ссылку на автора темы просто закомментировать или удалить. Однако, если это сделать в самой теме, то при её обновлении, футер вернётся в исходный вид. В том числе и для таких случаев есть бесплатный плагин Theme Customisations.
Однако, я сама ещё не разобралась в какую папку нужно положить изменённый файл. Так что если кто подскажет буду признательна.
Я извиняюсь, я ошиблась, нельзя изменить футер с помощью плагина Theme Customisations от WooThemes. Я повнимательнее почитала документацию к плагину. Документация на английском языке, поэтому я не сразу разобралась. Тогда думаю, будет проще создать дочернюю тему и в ней сделать такого рода изменения.
Решил так:
1. Переименовал в дочерней теме в footer.php функцию в storefront_footer_custom
2. Добавил в function.php дочерней темы:
<?php
add_action( 'storefront_footer_custom', 'storefront_credit_custom', 20 );
function storefront_credit_custom() {
И тут лепим, что нам нужно. Я просто оставил исходный вариант и исправил его как мне нужно.
}
Сама исходная storefront_credit лежит тут /site/wp-content/themes/storefront/inc/storefront-template-functions.php
Фактически так правится только та часть, в которой копирайт, ссылка на Storefront и Woocommerce и на политику конфиденциальности. Целостность структуры виджетов сохраняется.
Подскажите пожалуйста, темка storefront, хочу размер контента и сайдбара задать в процентах а не пикселях, а то на больших мониторах очень узко. какой файл редактировать? в файле Style.css такого нет.
Рекомендую плагин – Site Origin CSS, 100% в этом поможет.
Спасибо большое, штука крутая, разбираюсь)
Доброго времени суток! Не подскажите как поменять внешний вид корзины в данной теме?
Захожу в файл темы storefront/inc/woocommerce/storefront-woocommerce-template-functions.php и пытаюсь исправить функцию storefront_cart_link(), для другого отображения корзины на странице, но никакие изменения не происходят, даже банальные символы “(” и “)” вставить не получаются, они появляются на секунду и потом пропадают или перезаписываются где-то, что бы это могло быть?
Здравствуйте, а что конкретно хотите сделать ?
Мне нужно стилизовать корзину в таком порядке: корзина, сразу после количество товаров (без слова товары, просто число, оно будет как маленькая циферка под корзиной), а после цена в скобках. Иконка корзины задана псевдоэлементом :after, то я без проблем перепишу на :before, но с остальным я не могу разобраться, даже допустим при вставке скобок в тег span, они появляются можно заметить и исчезают в первоначальное состояние корзины…
Я переписываю функцию в дочерней теме в файле functions.php, поэтому эффект аналогичен с плагином My Custom Functions, и все равно результат одинаковый, корзина не меняется…
У меня возникла проблема. Категории товаров я добавил в главное меню. В ПК версии все работает хорошо – меню выпадающее, но в мобильно версии меню не выпадающие, оно выводится полностью. Это неудобно. Помогите пожалуйста
Надо делать мобильную версию для сайта – Читайте здесь ! На мобильных устройствах выпадающий список не отображается, по умолчанию.
здравствуйте! настраиваю магазин на шаблоне Storefront. указываю две цены для товара — обычную и распродажу, но на сайте отображается только цена распродажи — зачеркнутой обычной нету ? не подскажете, почему так может быть?
Добрый день! Подскажите пожалуйста, кто знает, как изменить расположение дополнительных вкладок товаров (описание, отзывы) с вертикального на горизонтальный?
Здравствуйте, попробуйте сделать это с помощью плагина – SiteOrigin CSS
Здравствуйте! Можете подсказать, как уменьшить высоту заголовка в теме Storefront. Я добавил логотип вместо текста, и заголовок стал достаточно широким.
Здравствуйте, вам может помочь плагин – SiteOrigin CSS. Можно использовать – Custom CSS Pro, если сами будете добавлять и менять стили.
Добрый вечер, Илья! Нужен совет.
Как в теме Storefront сделать 2 вещи:
1. Сделать вверху (над головой) дополнительный блок с телефоном и ссылками на соцсети.
2. Как в данную тему добавить разбивку на блоки, как это делают в модных лонгридах. Обязательно должен быть какой-то плагин.
Заранее спасибо за ответ!
Здравствуйте, есть плагин для добавления контактной панели – Speed Contact Bar !!!
А что значит разбивку на блоки, что именно хотите сделать ?
Спасибо!
Разбивка на блоки например как в данной теме.
Есть плагины с помощью которых можно создать адаптивную сетку – Смотрите Здесь !
Вам наверно лучше найти готовую тему подобную, на WordPress их очень много. Через админку можно найти. Внешний вид – Темы – Добавить новую.
Добрый день! Подскажи как привязать почту в этом плагине? Жмешь на ссылку, а там пишут что надо привязать куда-то почту.
Здравствуйте. В каком плагине ? На какую ссылку ? Не совсем вас понял. Можно по подробней.
Плагин Speed Contact Bar, если в панели нажать на ссылку почты она не работает. Уже разобрался)) Спасибо что быстро ответили!
Здравствуйте. Подскажите пожалуйста как разместить информацию в футере в один уровень. Поставил слева меню из трех страниц, по центру кнопки соц. меню, но они уходят на уровень ниже. При добавлении еще чего нибудь справа получается еще на уровень ниже, лестница в общем. Смотрю сайты с использованием этой тем, там всё ровно. Сам не могу разобраться, совсем недавно начал работать с wp. Заранее спасибо.
Здравствуйте. Вам можно добавить в футер сайдбар, а в сайдбаре уже выводить с помощью шорткода колонки.
Супер плагин для создания новых сайдбаров !!!
Супер плагин Shortcodes Ultimate, у него есть функция “Колонки”.
Привет! Может кто сталкивался с такой проблемой? Тема Storefront. На страницах архива товаров боковая колонка съехала вниз… На всех остальных страницах все правильно. Как можно исправить, посоветуйте, пожалуйста.
Добрый день, как сделать чтоб тема была без отступов справа и лева, на всю ширину экрана. Можно ли как-то сделать параллакс бесплатно?
Здравствуйте. Вам поможет плагин SiteOrigin CSS.
Здравствуйте!
Как в этой теме менять количество товаров в корзине?
И можно ли на странице товара рядом с ценой добавить возможность менять количество товара как на айхербе например. Спасибо.
Добрый день. В Woocommerce по умолчанию такая же функция встроена. Разве у вас нет такого?
нет такого :)
Версия 4.9.4
и в самой корзине нет возможности добавить количество
Быть такого не может! Woocommerce и Storefront обновляете?
может я что-то не то делаю ))
Storefront 2.2.8
Вукомерс 3.3.3
на локалхосте, в этом может быть дело?
Лучше на бесплатном хостинге, чем на локалхосте.
Переустановила сам вордпресс – помогло. В корзине и на страничке товара количество отобразилось. Ура!!
Спасибо за такой хороший сайт
А не скажете а можно через CSS изменять именно мобильную версию?
У меня она адаптивная, но все равно шрифт огромный.
Через плагин, что вы советуете получается совсем другая тема и внешний вид.
Огромное спасибо вам!!! Ваши инструкции спасают !)))
Да, можно, очень просто. Специальный код CSS есть, здесь показывал.
Пожалуйста! Обращайтесь за советом, если понадобится.
Читаю. Спасибо большое!
Здравствуйте, а кто нибудь уже юзал Storefront 2.0…?? как там работать с главной страницей. .? не могу заменить категории. и где ее вообще редактировать .))
Здравствуйте. Какие категории? Что именно редактировать? Внешний вид – Настроить, здесь посмотрите.
Добрый день, Илья! Подскажите пожалуйста как изменить оформление заказа, по умолчанию там идет слишком много полей для заполнения, которые не нужны (например: страна, область, индекс и тд.) Как убрать все лишнее и оставить только улицу и телефон? Не могу разобраться(
Здравствуйте. Есть такой плагин – WooCommerce Checkout Manager
Илья, здравствуйте!
Как удалить на главной странице категории, бестселлеры, новинки и сделать просто товары.
У меня немного товаров, нет категорий, новинок. Но хочется, чтобы эти товары показывались на главной.
или оставить только бестселлеры, а остальное убрать.
Посмотрите в настройках: Внешний вид – Настроить.
Ответ не верный!! Там нет таких настроик!!!!
Какая у вас тема? Название скажите.
Здравствуйте! У меня возникла проблема с логотипом. Беру картинку нужного размера, а при установке она увеличивается в несколько раз. Отключаю плагин Woocommerce и ставлю логотип, то все ок, включаю плагин и снова тоже самое( Как быть?
Здравствуйте. Попробуйте свои размеры указать через CSS стили.
Ой, для меня это тёмный лес( Подскажите, пожалуйста, как это делается.
Как редактировать CSS стили на сайте WordPress, я показывал Здесь!
Спасибо!
Добрый день!
Помогите, пожалуйста, у меня сразу несколько вопросов:
1. подобная проблема, как у Натальи, но не с логотипом, а с изображением в хедере. Помещаю картинку указанного размера, а она размещается в сильно увеличенном размере.
2. есть ли в теме функция выделения сайдбара цветом или картинкой? В настройках не нашла…
3. как сделать, чтобы на главной отображался слайдер, как в исходных настройках темы?
4. можно ли в хедере установить номер телефона и почту для заказа?
Извините, что сразу стопку вопросов отправляю, я – новичок, не справиться самостоятельно.
Здравствуйте. С 1 и 2 вопросом, вам поможет плагин SiteOrigin CSS.
1. В стилях укажите размер изображения. Если увеличивается, значит не в то место поставили.
2. Плагин вам поможет, который выше указал.
3. Очень просто. Добавьте код слайдера на главную страницу, либо через php файл.
4. Да, можно вручную добавить любой код в файл header.php. Можно плагин специальный поставить.
Добрый день, Илья!
Извините за смешной вопрос, но скажите, пожалуйста, но как добавить код слайдера (вопрос 3) и код для номера телефона? Боюсь испортить, не работала ещё с кодами.
Здравствуйте. Куда конкретно нужно добавить код?
У меня были эти вопросы:
3. как сделать, чтобы на главной отображался слайдер, как в исходных настройках темы?
4. можно ли в хедере установить номер телефона и почту для заказа? Желательно справа от логотипа
Вы написали, что все решается вставкой кода. Я не знаю, как это сделать. Помогите, пожалуйста!
3. Чтобы я мог вам сказать, куда конкретно нужно ставить код, мне понадобится доступ в вашу админ-панель. Либо, просто дайте ссылку на ваш сайт. Как слайдер отображался в исходных настройках темы? Где это можно посмотреть? Скажите название вашей темы.
4. Да, можно установить. Но, я не экстрасенс. Здесь нужно залазить в файл header.php и подбирать это место с помощью цифр. Вот здесь я показывал, как можно самому вставить любой код в файл header.php. Есть плагин Speed Contact Bar он добавляет панель вверху с контактной информацией. Он вас не устраивает?
Добрый вечер! Моя тема – Storefront. Слайдер хочу разместить под хедером, справа от боковой колонки. По-моему именно так и было в исходных настройках темы. Спасибо за плагин Speed Contact Bar! Ставила до этого Storefront Top Bar – не нравится, как работает.
Здравствуйте. Внешний вид – Редактор, справа найдите файл Заголовок (header.php) и откройте его для редактирования. Сначала нужно с помощью цифр место подобрать. После тега head вставьте цифры 123 и обновите файл. Перейдите на сайт, посмотрите где цифры отображаются. Если место устраивает, вместо цифр вставьте код слайдера. Как добавить любой код в файл header.php я показывал здесь. Выровнять любой элемент по правому краю, вам поможет Супер плагин SiteOrigin CSS.
Добрый день, Илья! Большое Вам спасибо за помощь! Очень выручаете!
Разобралась, как вставить 123 в тег head, но это высоко, мне надо под меню. А у меня нет тега header, у Вас в статье написано, что это бывает, как тогда мне правильно разместить код слайдера?
И Вы ранее рекомендовали, для правильного размещения картинки в Заголовке (сейчас она отображается увеличенной) внести в стили размер изображения, скажите, пожалуйста, поподробнее, как это сделать? Читала статью https://info-effect.ru/css-stili-izmenit-na-sajte-prosto-i-bystro.html, но разобраться не смогла.
Еще раз большое спасибо!
Здравствуйте. Вам нужно просто с помощью цифр подобрать место, пробуйте разные варианты. Только конструкцию кода не нарушьте. Лучше делать резервную копию базы данных перед изменениями. В коде у вас указан размер картинки? Вот здесь я показывал как сделать изображение адаптивным на сайте.
Нет, размер не указан. Или я его не нашла. Сложно мне с кодами работать
Изображение каким образом добавляете?
С помощью настройщика темы Storefront, вкладка Заголовок
Понятно. Да, в CSS стилях надо добавить ширину изображения 100%. Это можно сделать с помощью плагина SiteOrigin CSS.
Илья, большое Вам спасибо! Наконец, вырисовывается то, что задумано! Ваши труды бесподобны! Нашла кучу ответов на большую кучу вопросов!!!
Пожалуйста. Очень рад за вас) Обращайтесь ещё, если будут вопросы. Удачи!
Илья, здравсвуйте!
Как можно реализовать такую штуку, как на главной странице сайта айхерб – большие кликабельные картинки под меню. Искала плагины карусели, но они предлагают изображения в ряд. Может вы что- нибудь подскажете
Спасибо
Посмотрела мобильную версию вышеукзанного сайта – это слайдер/
Так что буду искать подходящий
И я, кажется, уже задавала вам этот вопрос. Забыла :) Извиняюсь за беспокойство
Здравствуйте. Есть такой плагин Carousel Horizontal Posts Content Slider, должен вам подойти.
Илья, спасибо
Здравствуйте! Такой вопрос, все перерыл в настройках – внешний вид. У меня, на главной странице, а блоке категории – всего 3 категории отображается. Как мне сделать больше??
Здравствуйте. Есть такой плагин Woocommerce Products Per Page
Здравствуйте! Как поменять на главной странице количество выводимых групп товаров. По умолчанию 3! как сделать больше?
Здравствуйте. Есть специальный плагин Woocommerce Products Per Page. можно самому установить количество отображаемых товаров.
Илья ни как не реагирует, в описании даже не говориться про главную страницей, все настройки идут для товаров на внутренних страницах!
Моя тема storefront
В файлах сайта проходим: ../wp-content/themes/storefront/inc и находим там storefront-template-functions.php
Во второй половине кода находим кусок:
Код:
function storefront_product_categories( $args ) {
if ( storefront_is_woocommerce_activated() ) {
$args = apply_filters( ‘storefront_product_categories_args’, array(
‘limit’ => 3,
‘columns’ => 3,
‘child_categories’ => 0,
‘orderby’ => ‘name’,
‘title’ => __( ‘Shop by Category’, ‘storefront’ ),
) );
а тут уже и школьнику понятно, что значения limit отвечает за максимальное кол-во выводимых категорий, а значение columns за кол-во колонок (чем болше колонки – тем меньше иконки) :)
Спасибо, за полезную информацию!
Вам спасибо за эту тему, где мы раскручиваем не простые для нас вопросы)))
Помогите новичку, storefront 2.3.5
на главной странице как раз под категориями есть другие модули а именно :
Новинки
Мы рекомендуем
Популярное
Распродажа
Лучшая цена
Помогите их отключить, перерыл кучу инфы не могу найти куда копать
Тема storefront куда то пропала с главной стр. категория, туристические ножи,как исправить ?
Добрый день. помогите плиз советом по данной теме. Вопрос у меня в следующем. На главной странице Под основным горизонтальным меню есть поле. “Под заголовком”
Если я вставляю слайдер на главной, то он не под самым меню. а имеет некий отступ. Можно ли этот отступ (по высоте) убрать? что бы слайдер поднялся к менюхи вверх. может это нужно сделать в шаблон главной страницы сделать? или еще где?
Здравствуйте. Вам может помочь плагин SiteOrigin CSS. Добавьте стили margin-top. Там это очень просто делается.
Добрый день! Помогите советом, плиз. По теме Storefront.
В каком файле темы искать код что бы сделать следующие изменения:
Сейчас у меня есть категории а в них подкатегории. По умолчанию название категории под картинкой выводит. а мне бы хотелось поднять название категории над картинкой. Не могу понять где нужно заменить.
Здравствуйте. Чтобы узнать путь к файлу, нажмите правой кнопкой мыши по элементу, который хотите изменить. В открывшемся окне, нажмите на вкладку “Посмотреть код” или “Исследовать элемент”. Справа откроется окно редактора. Вверху окна, нажмите на вкладку Sources. У вас откроется окно, где будет показан путь к файлу.
Илья, привет!
Нужно, чтобы при изменении атрибута (например цвета) товара, изменялась картинка и цена.
Какой есть инструмент для этого?
Привет. Такая функция есть по умолчанию в Woocommerce. Вам надо создать вариативный товар и атрибуты для вариаций, смотрите здесь.
Здравствуйте, Илья! Скажите, пожалуйста, как сделать, чтобы изображение в виджете “Под заголовком” располагалось только на главной странице? Не могу найти, где-то на Вашем форуме уже обсуждали этот вопрос…
Здравствуйте. Да, вам поможет плагин Restrict Widgets. Откроете виджет и там внизу будут настройки. У меня на сайте есть инструкция (ссылка в названии плагина).
Спасибо за скорый ответ. Еще, Илья, не подскажете, как c помощью SiteOrigin CSS редактировать любую страницу, отличную от главной?.. Убирала отступы на главной под заголовком, в итоге на странице товара, например, все поехало. Не понимаю, как редактировать?
Спасибо, уже справилась))) с помощью Restrict Widgets убрала на этих страницах изображение и все))) ничего не едет.
Хорошо) На будущее, когда редактируете с помощью SiteOrigin CSS, вверху там есть поле, в него вставляете любой URL вашего сайта и жмёте Enter. Либо можно просто нажать на ссылку и у вас появится url адрес для перехода. Ещё совет – все CSS стили переносите сюда: Внешний вид – Настроить – Дополнительные стили. Прям туда копируйте. Так они быстрее грузятся и не создают морганий при загрузке.
Спасибо за советы – учту
Илья, здравствуйте! Не по теме вопрос: не приходят уведомления на почту о новом заказе. В настройках WooCommerce почта введена. Не знаю, в чем может быть причина?
Здравствуйте. Только уведомления о заказе, остальные письма с WP приходят? WordPress Woocommerce обновляете?
Добрый день!
Илья, у меня не активна верхняя категория в боковой панели, автотовары. Только на главной. Не понимаю, в чем проблема. Перепробовала все вариации с padding и margin в SiteOriginCSS – не могу найти. Понимаю, что какое-то поле поверх боковой панели, но не исправить самостоятельно.
Добрый вечер. Да, смотрел уже. Через какой виджет выводите категории?
Через категории товаров
Пробовали в другом сайдбаре вывести?
В хедере все ок. Но мне надо именно в боковой панели. Вы знаете, я смотрю в SiteOriginCSS , там явно другой блок. Но никак его не убрать
В теме вы до этого ничего сами не меняли? Установили тему и сразу такая проблема возникла?
Ух, я уже не знаю, столько экспериментов :( Я долго искала решение, чтобы разместить слайдер под хедером, но по-моему в саму тему не залезала
Скажите название темы. Из админ-панели WordPress её устанавливали?
Storefront, из админки, конечно
В Storefront по умолчанию точно такого глюка нет. Значит вы вносили какие-то изменения, после чего появилась проблема. Попробуйте убрать, то что вы добавляли в стили или код. Разбираться надо. Я не экстрасенс)
Разобралась, все поотключала и выяснила, что это только из-за установки через стандартный виджет storefront Изображения, в область под заголовком. Как поняла, все-таки перестаралась с полями margin. Налипал на верхнюю категорию объект .colful. Не уверена, что правильным языком объясняю. В общем переиграла margin по-другому и все хорошо теперь :)
Илья, помогите, пожалуйста! Очень надо! В мобильной версии сайта при нажатии на выпадающее меню из хедера, меню выпадает, но но прозрачной подложке – ничего не читается. Как это исправить?
Спасибо, уже поковырялась в коде и нашла))))) Вы уже и этому смогли меня научить))
Да, такое легко исправить, тем же SiteOrigin CSS, либо через встроенный редактор в браузере, изъять стили и изменить.
Добрый день )Очень надеюсь на вашу помощь (
Как в мобильной версии убрать футер с главной страницы ?После того как убрали “Личный кабинет”остались “Поиск” “Корзина” и на главной в футере образовалась “дырка” на всех остальных страницах “Корзина””и “Поиск”отображаются корректно( Не могу найти откуда эта “дырка”выпадает (Остался последний вариант ,убирать футер с главной полностью (
“Личный кабинет”убрали вот тут :
function storefront_handheld_footer_bar() {
$links = array(
‘search’ => array(
‘priority’ => 20,
‘callback’ => ‘storefront_handheld_footer_bar_search’,
),
‘cart’ => array(
‘priority’ => 10,
‘callback’ => ‘storefront_handheld_footer_bar_cart_link’,
),
Очень надеюсь, что вы поняли мой вопрос )
Или может вы подскажите как решить проблему (
Добрый день. Может помочь плагин SiteOrigin CSS. Только не понимаю, зачем вам весь футер убирать? Уберите “дырку” и всё. Вот здесь я показывал – Как скрыть любой элемент сайта с помощью CSS стилей.
Илья, добрый вечер!
Когда-то с Вашими подсказками вносила изменения в дочернюю тему. Как уже сейчас поняла, часть изменений внесла все-таки в родительскую, так как некоторых вкладок не было в дочерней теме. Как мне правильно сейчас обновить родительскую тему, чтобы ничего не поехало? Как понимаю, нужно изменения из родительской перенести в дочернюю и потом уже обновлять. Но боюсь, что всех внесенных изменений мне не вспомнить. Помогите, пожалуйста!
Добрый день. Надо скачать файлы на компьютер, в которые вы вносили изменения. После обновления, снова их загрузить, вместо обновлённых. Другого варианта не знаю. Этот самый простой. Можно к спецу обратиться, чтобы он через функцию вывел, тогда обновления не будут сносить.
Спасибо, попробую
Илья, а вообще, если вношу изменения, например, в файлы footer, heder, каким образом правильно их внести в дочернюю тему?
Если в дочерней теме есть для редактирования файлы footer.php и header.php, то туда и вносить. Если их там нет, значит они в родительской теме, значит там и меняйте. Никаких примудрастей здесь нет. Что вы меняете на сайте?
Из того, что помню, для гуугл аналитики и яндекс метрики вносила данные в футер. В дочерней для редактирования не доступны файлы footer.php. Cоответственно все это исчезает.
Еще в файлах woocommerce тоже убирала графу в оформлении заказа “всего”, оставляла только “итого”… Остальное, вроде бы только в доп.стили заносила. Сейчас с WinMerge сижу, сверяю файлы старой версии storefront и новой, очень непросто
Коды метрики добавляйте через плагин DCO insert analytics code, тогда обновления не будут их сносить. Графу “всего” как убирали, каким образом? Для Woocommerce есть плагин специальный Checkout Field Editor (Checkout Manager) for WooCommerce, там в настройках можно скрыть любое поле на странице оформления заказа. Либо можно скрыть поле с помощью CSS стилей. Тогда обновления вообще никак вам не помешают.
С Checkout Field Editor я убирала лишние поля при оформлении заказа. Но в графе Ваш заказ оставалась графа Подытог. Я ее убирала с помощью CSS стилей:
.cart-subtotal {
display: none;
}
Сработало, но после подтверждении заказа в графе “Информация о заказе” все равно этот подытог есть. Не знаю, как побороть.
Спасибо, Илья, за оперативные ответы!
Значит в графе “Информация о заказе” надо ещё раз отдельно его скрыть с помощью стилей. Значит там другое поле, у него другие стили.
Да, пробовала. К сожалению, здесь подытог убирается только вместе с доставкой, ее ценой и методом оплаты, это все один элемент table th (подытог, доставка, метод оплаты) и table td (все цены по этим пунктам)
Понятно. Да, в таком случае, только через исходный код. Хотя, хороший разработчик может через функцию скрыть.
Посмотрела – я убирала надпись “подытог”, оставляла “всего”. И сейчас опять она появилась, хотя все изменения в стили внесены, как до обновления :(
Илья, здравствуйте! Подскажите, где копать, если на некоторых компьютерах в Хроме неверно отображается шапка сайта? У меня на одном ноутбуке так, и в Вебвизоре видела, что у некоторых покупателей тоже так. Съезжает логотип и меню вниз именно в шапке, на всех страницах. В остальном все отображается правильно.
Такая же проблема есть и в мобильной версии, именно на телефонах с маленьким дисплеем. Например, 360х640.
Как это исправить?
Добрый день. Вы можете посмотреть на каких именно компьютерах, какая операционная система? Скорей всего речь идёт о компах с устаревшей системой, которая давно не обновлялась. Несовместимость кода. В CSS стилях у вас нет предупреждений? В дополнительных стилях. Может там код старый указан.
На одном моем компе – Windows 10 (неверное отображение), на втором – Windows 7 (все ок). Посмотрела на ПК покупателей – на Windows 7, Windows XP неправильно отображается. Нашла и в FireFox на Windows 7 тоже неверное отображение.
По мобилке, – например, IOS 12 неверно сайт видит, Android 8.1.
В стилях предупреждений нет.
Сложно что-то сказать пока. Надо поискать плагин совместимости с устройствами и системами. Может есть такой. Много таких неверных отображений?
Только в шапке отображается криво. А устройств/систем – да, достаточное количество
Мне только одно приходит на ум пока. Можно открыть сайт, где он криво отображается. Затем нажать правой кнопкой мыши по лого или меню. В открывшемся окне нажать Исследовать элемент или Посмотреть код. Справа откроется редактор. Там могут отображаться эти ошибки, в виде красных значков, предупреждений. Можно изучить там, что это за ошибки, а потом исправить их. Я ещё плагин посмотрю, позже отпишусь вам, если найду что-то стоящее.
Добрый день. Вы тему Storefront обновляете?
Да, все обновляю своевременно. У меня дочерняя тема сделана, с этим не может быть связано?
Илья, здравствуйте! Так и не нахожу путей решения.
Проанализировала Вебвизор: бОльший процент кривого отображения – с Ipad и Iphone, есть и другие мобилки и ПК, но apple все-таки больше.
Вот что едет в шапке: шапка разной высоты на разных устройствах; пробелы под шапкой огромные становятся. При переносе строки в основном меню в хедере (если ширина экрана меньше 820 px) хлебные крошки встают по правому краю экрана, а сам фон хедера в высоту не увеличивается – строка основного меню виснет между хедером и сайдбаром.
В оформлении заказа едет стандартная форма оформления доставки. На мобилках – при ширине меньше 704 px съезжает кнопка “меню”, встает на край хедера.
Можно это как-то автоматически вывести, чтобы исходя из устройства все было красиво? Или нужно только каждый кривой элемент настраивать под каждое устройство?
Илья, вчера попробовала активировать родительскую тему Storefront – все ок при любой ширине экрана. Видимо, мои исправления высоты хедера привели к этим косякам. Буду сегодня пробовать сносить свои стили, и переделывать дизайн, исходя из первоначальных настроек темы.
…Хотела удалить предыдущий комментарий, но нет такой возможности на сайте.
Всё верно, о чём я и говорил, дело в стилях. Не знаю, почему вы изначально не поставили Storefront. Для Woo это лучшая тема, проблем с ней никогда не будет. Не нужны никакие дочерние темы, не надо тут ничего усложнять. Комментарий не надо удалять, всё нормально.
У меня и стоит изначально Storefront, только прежде, чем дизайн переделывать, я сделала дочернюю тему. Побоялась сломать. Разве это неправильно?
Спасибо Вам.
Это нормально. Но в этом вообще нет никакой необходимости. Вы просто усложнили всё. Можно легко менять родительскую тему, добавлять свои стили и т.д. Внешний вид – Настроить – Storefront, вот здесь ещё есть много настроек для изменения стилей.
Илья, добрый вечер. Весь интернет перерыла и всё равно не пойму как это сделать.? Тема Storefront. Нужно вывести домашнюю страницу (главную) как на самом шаблоне темы. То есть страницу на весь экран. Картинку под заголовком вплотную и категории товаров: новинки, популярные и тд. По умолчанию почему-то вышли все страницы одинаковые,в том числе главная. Хотя ранее я уже делала магазин с этой темой,там всё было автоматически. А сейчас как-то сложно. Заранее спасибо за ответ.
Добрый вечер. Внешний вид – Настроить – WooCommerce, смотрели? Вроде именно там эти настройки меняются.
Илья,снова проверила: Внешний вид – Настроить – WooCommerce, там нет этого. Только: Уведомление магазина, Каталог товаров(я понимаю что это настройки страницы самого магазина), изображение товаров и Оформление заказов.
Я ошибся. Внешний вид – Настроить – Storefront, именно там эти настройки.
Илья,нет там нету. Может что-то поменялось? Как теперь домашнюю страницу настроить красиво? Особенно нравилось,что выходили новинки на домашней.
Раньше точно были, я помню. На вкладке Внешний вид должна быть вкладка Storefront, может там. Либо в инструментах. Где-то же должны быть эти настройки. У меня сейчас нет возможности самому посмотреть.
проблема с хлебными крошками. Я не могу поменять первый элемент с “Главная” на “Магазин хенд мея”. Смог поменять только на “Hand made”. При использовании кириллицы ничего не выводится. В functions.php прописал:
add_filter (‘woocommerce_breadcrumb_defaults’, ‘wcc_change_breadcrumb_home_text’, 20);
function wcc_change_breadcrumb_home_text( $defaults ) {
// Change the breadcrumb home text from ‘Home’ to ‘Apartment’
$defaults[‘home’] = ‘Hand made’;
return $defaults;
}
Пробовали плагин Loco Translate?
дело в том что по умолчанию все элементы переведены, та же главная так и называется, но если руками менять то не могу поменять на кириллицу, а на любую анг запись легко
Попробуйте через плагин Loco Translate. Если Русский перевод там отображается, замените его на свой, если перевода в плагине нет, добавьте новый. Нужно экспериментировать с разными вариантами.
В процессе работы над сайтом пропала нижняя всплывающая панель (корзина, личный кабинет, поиск). Как ее можно вернуть?
Что вы делали в процессе работы? Что-то меняли, добавляли, обновляли, устанавливали плагин…? Где-то что-то вы изменили и из-за этого возникла ошибка. Просто так панели не исчезают.
Делала все вышеперечисленное, в какой именно момент она исчезла сейчас выяснить не представляется возможным.
Придётся выяснять, другого пути нет, по щелчку пальца она не появится, где-то конфликт возник. Можно проверить файл error_log в корневой директории сайта. Здесь надо смотреть и проверять все варианты. У вас тема Storefront, вы её обновляли? Woocommerce обновляли? Деактивируйте плагины, которые устанавливали в последний момент. Удалите код, который вы добавляли. Лучше обновить всё, тогда будет понятно есть ли конфликт или нет.
В это время устанавливала сертификат SSL на сайт. Стоит ли пробовать откатиться к hhtp?
Какой плагин ставили по SSL?
Really Simple SSL
Попробуйте в настройках этого плагина включить функцию Use alternative method to fix mixed content. Если не поможет, значит дело не в SSL.
К сожалению, это не помогло.
Капайте дальше, другие варианты смотрите, всё проверять надо.
Извините, за вопрос не по теме. При установке сертификата SSL в мобильной версии сайта показывает смешанное содержимое. В настройках и браузере все ок. Как можно решить эту проблему?
Вы имеете ввиду, на мобильном SSL не работает? Разбираться надо, где именно показывает? Тема одна и таже на мобильном и десктопе?
Напишите мне в обратную связь