В каком файле добавить DIV и что искать в файле?

Question

[mUchenik]

Для решения cdоей задачи, мне надо внести очередной DIV, но я не могу понять в каком файле вносить изменения и что искать в файле.
Почему решил добавить DIV - потом как после правки блоков "Выбор количества" и "Кнопки заказа"(пытался выравнять по горизонтали), на одной странице всё выглядит отлично:
boulinaw.bget.ru/tovar/porshulya-na-vybor
А на другой странице всё съезжает...
boulinaw.bget.ru/tovar/porsh-911
Вот и подумал, что не дурно было бы создать доп. див, что бы всё заработало...

Answer 1

[Анатолий Медведев]

Дивы там не нужны, для начала формочке в стилях добавте display: flex; а дальше уже там по падингам выравнивайте.

Comments

[mUchenik]

Спасибо, поиграюсь падингами.

[mUchenik]

Ни чего не получается! boulinaw.bget.ru/tovar/porshulya-na-vybor ни в какую не хочет элемент (.variations_button{display: flex;align-items: center;}) вставать на место.
Пробовал (posicion: absolut) И вроде почти получается, но когда выбираю вариант продукта, всё опять летит в тар-тарары...

[Анатолий Медведев]

mUchenik:

[Анатолий Медведев]

mUchenik: хотя не, при переключении не будет работать. Надо выспаться что бы в этом разобраться.

[mUchenik]

Я голову себе сломал об этот камень преткновения... Если не затруднит, помогите разобраться.

[Анатолий Медведев]

mUchenik: добавь float: left; для .variations_button.

[mUchenik]

Анатолий Медведев: Добавил, Всё наладилось, но когда я добавил
form.cart{display: flex;align-items: center;} что бы на другой странице тоже отображалось всё корректно boulinaw.bget.ru/tovar/bentlyusha, то вся верстка съехала на этой странице: boulinaw.bget.ru/tovar/porshulya-na-vybor
Я перестал, что либо понимать :(

Answer 2

[Павел]

Все шаблоны хранятся в wp-content/plugins/woocommerce/templates/ Главный шаблон карточки товара это content-single-product.php . Внутри написаны все шаблоны, которые используются,
woocommerce_template_single_title
woocommerce_template_single_rating
woocommerce_template_single_price
woocommerce_template_single_excerpt
woocommerce_template_single_add_to_cart
woocommerce_template_single_meta
woocommerce_template_single_sharing и т.д. Они лежат в папке single-product.
Для того, что бы изменять шаблоны, нужно скопировать их в папку "woocommerce" в своей теме с сохранением иерархии. Копируете те шаблоны, которые хотите изменить(по названиям легко можно догадаться какой за что отвечает). а вообще да, в данном случае можно обойтись CSS

Comments

[mUchenik]

Спасибо за развернутый ответ!