• Добрый вечер, уважаемые форумчане!
    Столкнулся с очередной проблемой при создании своего первого интернет-магазина.
    Во избежании потери изменений при обновлении используемой мною темы, а именно всем известная Storefront + Woocommerce, создал дочернюю тему. Вроде бы все шло по плану: создал папку для темы, сделал файл стилей( на который ориентируется ВП) и вот тут и начались непонятки:(
    До создания дочерней темы, я вносил изменения в стили и некоторые файлы шаблона(родительской темы).В сети пишут, что именно файлы шаблона достаточно просто перекопировать в дочернюю тему. Окей, с эти все понятно.
    Но как быть с другими папками и подпапками? Например, я хочу изменить иконку корзины на другую иконку. Если смотреть по инспектору в браузере, добраться до иконки можно путем заглядывания в папку: wp-content/themes/storefront/assets/sass/base/icons.css и в строке 2989 поменять номер нужной иконки.
    В родительской теме этот элементарный кейс получается на ура.Но как быть с дочерней? То есть как правильно скопировать туда файлы такого типа и там их редактировать.
    Перерыл сегодня много статей, но там говорят, что файлы в подпапках нужно копировать вместе с подпапками в такой же иерархии. Я пробовал,но ничего не получается.
    Как же быть? Подскажите,пожалуйста) Я уверен, вы все знаете)
    вот сам сайт: kurtkax9.beget.tech

Просмотр 14 ответов — с 1 по 14 (всего 14)
  • Модератор Юрій

    (@yube)

    CSS не надо копировать целиком, достаточно в своем css переопределить правила для нужных элементов. Возможно, придется увеличить вес селектора или применить !important.

    я вносил изменения в стили и некоторые файлы шаблона(родительской темы)

    В родителе вообще ничего не нужно делать!

    Но как быть с другими папками и подпапками?

    Если Вы будете думать не о «папках» (и файлах), а функциях, то многое станет понятнее. Ибо именно их результат Вы же хотите изменить в итоге.

    но там говорят, что файлы в подпапках нужно копировать вместе с подпапками в такой же иерархии.

    Смотря что, но такой совет чаще плохой. Так теряется смысл дочки, Вы рискуете не получить необходимых обновлений темы (что может и поломать тему, тк могут быть зависимости).

    В общем см общий алгоритм внесения изменений в тему, а если будут конкретные вопросы — спрашивайте в отдельном топике. См правила форума, п2.

    Пробовал правилом !importent, но ничего не выходит(

    Смотрите,тут дело такое. Изменения в файлы родительского шаблона вносил не только я, но и другой человек. А куда именно он вносил изменения-он не помнит.Поэтому я хочу перенести все файлы родителя в дочернюю, чтобы по максимуму минимизировать слет каких-либо параметров. Поэтому и спрашиваю, как это правильно сделать?

    Поэтому и спрашиваю, как это правильно сделать?

    Сравнить оригинальные файлы темы и Вашими. Одинаковой версии разумеете.

    Модератор Юрій

    (@yube)

    Чем больше файлов перенесете, тем больше обновлений (а среди них могут быть и обновления безопасности) потеряете.

    Правильно так: взять оригинальные файлы темы и сравнить с измененными (я для таких случаев держу программу meld). С каждым измененным надо разбираться отдельно. Шаблоны можно просто перенести в дочернюю. Стили — как я написал выше, только правила. Функции — с ними вообще отдельная история, с каждой нужно разбираться индивидуально.

    Модератор Юрій

    (@yube)

    Пробовал правилом !importent, но ничего не выходит(

    Если в таком написании, как тут, то оно и понятно.
    Тщательнее надо ©

    Если хотите получить чего-то большего, чем сочувствие, давайте ссылку на проблемное место и максимально конкретно указывайте проблемный элемент. Это Вы знаете, с чем возитесь, а у нас у каждого своих таких проблем стопиццот, на чужие времени очень мало, проводить длительные изыскания и следственные действия часто просто недосуг.

    @yube
    хахахаах)нет, к счастью, я не в таком виде делал)

    Смотрите,хочу, например, поменять вот эту иконку корзины https://imgur.com/a/7DsNYFU
    По инспектору в браузере добраться до нее можно так:
    wp-content/themes/storefront/assets/sass/base/icons.css и находится она в строке 2989.
    В родительской теме все легко заменяется таким способом. Но в дочерней ничего поменять не получается:(
    Я пытался решить данный кейс путем копирования целиком папки assets в дочернюю тему. Вот так: https://imgur.com/a/EbVkvj5
    А уже внутри папки assets, то есть assets/sass/base/icons.css и на ходится нужный мне файл. Но таким способом не получилось( Что я делаю не так?:(

    Что я делаю не так?

    Всё. Начиная с того что не слушаете что Вам говорят.

    И не нужно пинговать (писать ник через @)

    Модератор Юрій

    (@yube)

    Что я делаю не так?:(

    Откуда мне знать? Вы же не показываете, что сделали. А по фото только экстрасенсы и гадалки работают.

    Что я делаю не так?

    не понимаете что такое Css стили

    .site-header-cart .cart-contents::after {
        content: "\f281" !important;
    }

    в style.css вашей дочерней темы

    Все получилось, когда вставил код для этой иконки в файл стилей дочерней темы. Ура)
    Но все же у меня, есть еще один вопрос.Зачем же тогда разработчики сделали несколько css файлов, в том числе icons.css для иконок отдельно? Не судите строго,я же новичок)

    вы видите здесь разработчиков Storefront?

    Зачем же тогда разработчики сделали

    Спросите у разработчиков https://wordpress.org/support/theme/storefront

    И прочите же наконец правила форума.

Просмотр 14 ответов — с 1 по 14 (всего 14)
  • Тема «Проблема с переносом файлов в дочернюю тему и последующим редактированием.» закрыта для новых ответов.