Тема Storefront. Как использовать, изменять и настраивать

Артем Абрамович

Меня зовут Артем Абрамович и я являюсь фрилансером-вордпресером. Занимаюсь настройкой и редактированием сайтов созданных на CMS WordPress. Это основная моя специализация, есть еще несколько работ, которыми я занимаюсь, но обо этом вы можете более подробно узнать из моего портфолио.

103 комментария к “Тема Storefront. Как использовать, изменять и настраивать”

  1. Больше видосов про эту тему. Только доделал на ней свой сайт, интересны её фишки! Спасибо.

    Ответить
    • А что еще, задача была показать как изменять эту тему. Надо что-то конкретное?

      Ответить
    • +WPRUSe · Финты WordPress перепутал) у меня тема flatsome
      А эту я ранее тестил.

      Ответить
  2. спасибо! это наилучшее решение чтоб пилить свою тему на основе уже готовой, или есть еще другие темы, которые также или еще более удобнее кастомизировать?

    Ответить
    • Пожалуйста! Смотря для чего, тем много, вон только в Репозитории около 3к

      Ответить
  3. Спасибо ! Как раз делаю проект на этой теме. Мне надо скрыть цену на все товары, цена должна быть видна только авторизованным пользователям – подскажите как это можно реализовать в этой теме ?

    Ответить
  4. Еще интересует такой вопрос: товары на странице магазина сверстаны ul – li , можно как-то переверстать flex, чтобы если картинки разного размера , то раяд товаров был одной высоты, а так получается что если картинки разного размера, то вывод товара пляшет.

    Ответить
    • Можно и переверстать, только придется полностью тему переделывать) Ну и картинки разного размера не могут быть, там же миниатюры выводятся, а они одинакового размера, если нет, то значит или картинки товаров слишком маленькие или генерация миниатюр не сделана

      Ответить
    • А я думаю че у нас тут снегом заваливает, а тут вона че – ты на флексы перешел)

      Ответить
  5. Уже 3 месяца заморачиваюсь с данной темой, результат – sneaker-hunt.ru
    Верстаю сам, знаю что кривовато, сильно не ругайте))

    Ответить
  6. Артём, спасибо за видео! Где можно найти бесплатные темы под Woocommerce для сайта/магазина партнёрских товаров?

    Ответить
  7. Посоветуйте базовый шаблон для woocommerce соответствующий современной верстке.

    Ответить
  8. Такой вопрос. Как правильно отключить в дочерней теме add_theme_support( ‘wc-product-gallery-zoom’ ); ?
    Можно и видео отдельное снять как изменить галерею в storefront (это так идея для видео, а вопрос само собой).

    Ответить
  9. Автор привет! Видео зачет! Подскажи плиз, я случайно удалил главную страницу. Теперь когда ставлю магазин главной, товары в перемешку. А хочу как было раньше: категории, новинки, бестселлеры.

    Ответить
    • Привет! Сделай по новой. Создаешь страницу и задаешь ей шаблон Главная

      Ответить
  10. Кто-нибудь покупал расширенную версию? Она того стоит?
    Не хочется лезть в php-код (10 лет им не занимался), нужно добавить кнопки размеров товаров вместо выпадающего меню и нашлёпку “нет в наличии”.

    Ответить
    • При чем тут тогда расширенная версия? Кнопки размеров делаются отдельным плагином а нет в наличии автоматом выводится если товара нет в наличии

      Ответить
    • Спасибо! Поищу подходящий
      плагин. Про нет в наличии я имел ввиду отображение в каталоге, а не в карточке товара

      Ответить
    • @Владимир Кочергин,даже есть плагин, который ставит кнопку – уведомить о поступлении (если интересно)

      Ответить
  11. Спасибо. Ролик неимоверно помог. Очень много вопросов после просмотра стало закрыто!

    Ответить
  12. Естьвообще такой плагин, как накопительная скидка? Допустим человек на протяжении некоторого времени покупает товар, и как только сумма общих товаров достигает напр.5000, то в корзине ему сразу считает скидку. Нигде не нашла.

    Ответить
  13. Хорошо а как добавить свой номер и инста вк link вверху загаловок

    Ответить
    • Там в видео же есть примеры подключения данных в шапке. Внимательнее посмотрите

      Ответить
  14. Добрый день! Как поменять местами вкладки “Описание” и “Детали” на странице товара в Storefront?

    Ответить
    • Через хуки или плагин поставьте, их много для подобных задач

      Ответить
  15. Скажите пожалуйста. Вы как-то подключаете шторм к теме? Чтобы редактировать ее в онлайн режиме.

    Ответить
    • Не понял вопрос. Никак не подключаю, просто создаю в шторме проект и если надо FTP или SSH соединение подключаю, а передача изменений автоматически происходит

      Ответить
  16. У меня в Mozilla кириллица почему то в виде иероглифов, в хроме все норм, и судя по всему так у всех.

    Ответить
  17. 10:35 вы неного оговорились, before content – перед контентов

    Ответить
  18. Хмм спасибо за видео! Как изменить вид корзины? И текст, например “1 товар”

    Ответить
  19. Здравствуйте! Спасибо за интересные обзоры. Подскажите насчёт мобильной версии отображения сайта на Storefront. Я хотел уточнить есть ли, например в платной версии различные настройки: перенести значек – Меню с правой стороны в левую, выезд меню слева, справа, сверху и чтобы от края до края? Или это нужно какие-то дополнительные плагины использовать? Если да, то какие? И есть ли расширенные возможности настройки мобильной версии в тех же Astra, Ocean WP, Hestia, Phlox, Cactus либо ещё в каких-то темах? Насколько я понял, после установки Storefront предлагаются весьма ограниченные возможности настроек. И это меня расстраивает. Поэтому нахожусь в раздумьях. Приобрести платную расширенную версию Storefront Extensions или не заморачиваться, потому что того функционала что мне нужен не будет даже в платной версии и приобрести другую тему, например Astra, но с более продвинутыми возможностями настройки, в частности мобильной версии сайта?

    Ответить
    • Доброго! Если нужно много настроек то лучше приобрести Astra или ей подобную. Хотя OceanWP по количеству настроек не уступает Astra

      Ответить
  20. Здравствуйте, подскажите пожалуйста. Имеется проблема, woocommerce и данная тема.

    Суть такая. У меня сайт на 4 языках через polyland, все отлично и хорошо сделано, но не могу никак я настроить корзину на текущем языке сайта, постоянно переключает на русский. Я понимаю это так как в настройках темы выставляется только один вариант корзины. Интернет подсказал что это по причине того что тема не дописана. Может у вас имеются мысли как это исправить и в какую сторону копать?

    Ответить
    • Доброго! А тема тут при чем? Не, думаю что это от того что в корзину надо уже передавать товары с нужным языком. Но это легко проверить, просто на любой другой теме

      Ответить
    • @Финты WordPress я тоже так подумал, и так же сделал уже разные категории для разных языков, но в результате все равно тема ссылается на ту страницу которая указана в настройках темы

      Ответить
    • @Финты WordPress уже пробывал, но путь выдает все равно на определенный язык. Я уже подумываю сделать костыль и через плагин Loco Translate ссылку на корзину перевести на перевод ссылки, костыль будет редкостный, но должно сработать по логике

      Ответить
  21. в новой версии WC решение не работает
    function alter_sf_products_per_page()
    {
    return 8;
    }
    add_filter(‘storefront_products_per_page’, ‘alter_sf_products_per_page’);

    Ответить
  22. Добрый день! Спасибо за видео! Подскажите пожалуйста как включается в мобильной версии внизу поиск и корзина, как на 7:00 мин в видео? У меня на этой теме почему-то такое автоматом не вывелось.

    Ответить
    • Добрый! Странно, этот функционал должен по умолчанию работать.

      Ответить
  23. Спасибо, очень полезные уроки. Особенно интересна сама идея применения функций для вывода сайта. Бывает ли тема для блога, построенная по такому же принципу?

    Ответить
  24. Мне больше интересно где находятся функции вывода html в orchid store, в int искал но там и близко нет нужных функций

    Ответить
    • Интересная тема, но подсказать не смогу, подробно тему не видел

      Ответить
  25. Подскажите пожалуйста: каким образом можно изменять текст в тех или иных блоках? Например в поиске написано “Поиск по товарам”, а мне нужно написать допустим “Поиск по диллерам”? Как я понял, я должен повесить хук на поиск, но не знаю какую функцию нужно для этого выполнить.

    Ответить
    • Если речь про Сторфронт, то там штатная впшная форма поиска используется, насколько помню. Чтобы в код не залезать, можно через Loco Translate изменить перевод, ну или хукнуть

      Ответить
  26. А какую тему лучше использовать для WooCommerce, если нужно интегрировать верстку – storefront или underscores?

    Ответить
    • Смотря какая верстка, но лучше будет отдельно писать, без использования стартовых и любых других тем

      Ответить
    • @Финты WordPress Я всегда использовал стартовую тему underscores. Просто я не знаю, как с нуля тему делать, а в underscores готовый каркас, без всяких лишних штук, и мне легко было стили и js вставлять.

      Ответить
    • Есть смысл попробовать) Хотя с underscores конечно проще, там у них и поддержка Вукомерса сразу есть

      Ответить
    • @Финты WordPress Я уже начал со storefront делать. С ним тоже оказалось удобно делать.

      Ответить
  27. Добрый день. Видео на Вашем канале отличное, благодарю Вас за подробные пошаговые описания. Столкнулся с проблемой в интернет-магазине при выгрузке вариативного товара в плагине Woocomerce. Смысл в следующем: при создании вариативного товара цена формируется как диапазон от меньшего до большего (например, это 299.0 – 499.0 Р), но я хочу сделать по-другому – чтобы отображалась минимальная цена с предлогом “От” (если брать тот же пример, то получилось бы “От 299.0 Р). Это требуется провести изменения в коде плагина Woocomerce, но не могу понять как это сделать. И данное изменение должно распространяться на все товары магазина.Подскажите, пожалуйста, как выполнить данное изменение плагина?

    Ответить
  28. Здравствуйте, а если нету страницы оформления заказа и корзины? Как её можно вернуть?

    Ответить
  29. Спасибо! Подправила все, что раздражало. И добавила то, чего не хватало)). Один из лучших каналов о Вордпрессе. Рекомендую!

    Ответить
  30. Здравствуйте

    А сам по себе бесплатный Storefront без дополнительных расширений будет нормально работать как интернет магазин ?

    Ответить
    • Доброго! Вполне, только в этой теме особо настроек нет, но работать будет без проблем

      Ответить
  31. Здравствуйте,очень подробно рассказываете но я не понял что за программа,через которую вы создавали дочернюю тему?Если будет время,скажите пожалуйста,я просто не в курсе.

    Ответить
    • Это PhpStorm специальный IDE редактор, но можно пользоваться любым редактором с подсветкой кода Notepad++, Atom, VS Code и тд

      Ответить
  32. Привет, через мобильный устройствах показан только один продукт. Можно его сделать 2 товара ?

    Ответить
    • Добавлю, что интересует меню в одну строчку, возможность расширения шапки на свое усмотрение, расположение категорий и товаров также с подсветкой или другой стилизацией. У меня тоже Storefront с Woocommerce.

      Ответить

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

%d такие блоггеры, как: