Важно! Внесение изменений в файлы шаблонов WooCommerce

[Stork.71]

Здравствуйте!
Как расположить вкладки (по факту используется только таб "Дополнительная информация") между кратким описанием и добавить в корзину?
Спасибо

Вам хочется перенести кнопку "в корзину" вниз страницы? Дублировать там или просто перенести?
Сделайте скриншоты-рисунки: как сейчас, и как надо.
+ ссылка на сайт.

 

[GlowWormy]

Вам хочется перенести кнопку "в корзину" вниз страницы? Дублировать там или просто перенести?
Сделайте скриншоты-рисунки: как сейчас, и как надо.
+ ссылка на сайт.

Спасибо...
Но сама слепила... правда через редактирование functions.php
Оставлю, может будут замечания... или просто кому-то пригодится

// Вывести дополнительную информацию из таба над кнопкой добавить в корзину
function woocommerce_template_product_information() {
woocommerce_get_template( 'single-product/tabs/additional-information.php' );
}
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_product_information', 25 );

function woo_remove_product_tab($tabs) {
unset( $tabs['additional_information'] ); // Отключить таб Дополнительная информация
return $tabs;
}
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tab', 98);

результат http://zakupka.filato.in.ua/product/verblyuzhya-sherst-camel-174-m-100-g/
ПыСы думаю, как было изначально все знают

 

[Stork.71]

я думал о том, чтоб наоборот выбор варианта и кнопку вырезать сверху и вставить вниз, но в Вашем случае наверное по-вашему правильнее.

 

[GlowWormy]

я думал о том, чтоб наоборот выбор варианта и кнопку вырезать сверху и вставить вниз, но в Вашем случае наверное по-вашему правильнее.

ИМХО, логично познакомиться с характеристиками и купить... сверху вниз) а не метаться по странице

 

[Stork.71]

Все правильно, просто такие "перестановки" можно сделать разными способами

 

[kewa]

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

К примеру я внес некоторые изменения в коде в заголовки h3 и h1

как теперь сделать чтобы оно сохранялось и после обновлений?

 

[tuxfighter]

копируйте файлы которые будете изменять в свою дочернюю тему и там уже меняйте

 

[Deeema91]

Добрый день! Слабо разбираюсь в css. Подскажите как подогнать оформление товара под woocommerce в витрине(включая ховер эффект) с сайта http://www.stc-led.ru/catalog/office/

Спойлер: CSS

.theProduct {
border: rgba(204,204,204,0) 2px solid;
padding-top: 10px;
text-align: center;
position: relative;
box-sizing: border-box;
z-index: 1;
width: 235px;
margin: 0 20px 20px 0;
display: inline-block;
}
.theProduct .name {
margin: 10px 10px 10px 10px;
}
.theProduct .name a {
font-family: "rodchenkocondlightcregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 23px;
color: #bebebe;
text-decoration: none;
text-transform: uppercase;
}
.theProduct .name a:hover {
color: #0876d5;
}
.theProduct .price {
font-family: "rodchenkocondcregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #696969;
font-size: 35px;
line-height: normal;
margin: 0 10px 20px 10px;
}
.theProduct .props tr td {
border-bottom: #dddddd 1px solid;
padding: 3px 0;
}
.theProduct .props tr:last-child td {
border: none;
}
.theProduct .catalogLink {
background-color: #1791fa;
text-align: center;
margin-top: 15px;
padding: 5px 0;
}
.theProduct .catalogLink a {
background: url(../images/editor/decor/to-catalog.png) left 50% no-repeat;
display: inline-block;
padding: 10px 0 10px 40px;
text-decoration: none;
font-family: "rodchenkocondcregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #FFFFFF;
font-size: 35px;
}

.theProduct .addInfo {
padding-top: 372px;
position: absolute;
left: -2px;
top: -2px;
border: 2px #cccccc solid;
width: 235px;
box-sizing: border-box;
background-color: #FFFFFF;
z-index: -1;
}

.theProduct:hover .addInfo {
border-color: #1791fa;
box-shadow: rgba(0,0,0,0.35) 0 0 25px;
}

.theProduct .addInfo .props, .theProduct .addInfo .catalogLink {
display: none;
}
.theProduct:hover .addInfo .props, .theProduct:hover .addInfo .catalogLink {
display: block;
}
.topSale:before {
content: '';
width: 100px;
height: 100px;
background: url(../images/editor/decor/hit.png) left top no-repeat;
position: absolute;
left: -2px;
top: -2px;
z-index:5;
}
.theProduct:hover {
z-index: 2;
}

 

[nipopadyuk]

Приветствую.
Столкнулся с проблемой, при оформлении заказа, нужно по другому выставить текстовые поля с платежной информацией.
По сути нужно form-row-first и form-row-last в классах <p> поменять на form-row-wide

<div class="woocommerce-billing-fields__field-wrapper">
<p class="form-row form-row-first validate-required woocommerce-validated" id="billing_first_name_field" data-sort="10">
<label for="billing_first_name" class="">Имя <abbr class="required" title="обязательно">*</abbr></label>
<input class="input-text " name="billing_first_name" id="billing_first_name" placeholder="" value="" autocomplete="given-name" autofocus="autofocus" type="text"></p>
<p class="form-row form-row-last validate-required woocommerce-invalid woocommerce-invalid-required-field" id="billing_last_name_field" data-sort="20">
<label for="billing_last_name" class="">Фамилия <abbr class="required" title="обязательно">*</abbr></label>
<input class="input-text " name="billing_last_name" id="billing_last_name" placeholder="" value="" autocomplete="family-name" type="text"></p>

чтобы получилось так:

<div class="woocommerce-billing-fields__field-wrapper">
<p class="form-row form-row-wide validate-required woocommerce-validated" id="billing_first_name_field" data-sort="10">
<label for="billing_first_name" class="">Имя <abbr class="required" title="обязательно">*</abbr></label>
<input class="input-text " name="billing_first_name" id="billing_first_name" placeholder="" value="" autocomplete="given-name" autofocus="autofocus" type="text"></p>
<p class="form-row form-row-wide validate-required woocommerce-invalid woocommerce-invalid-required-field" id="billing_last_name_field" data-sort="20">
<label for="billing_last_name" class="">Фамилия <abbr class="required" title="обязательно">*</abbr></label>
<input class="input-text " name="billing_last_name" id="billing_last_name" placeholder="" value="" autocomplete="family-name" type="text"></p>

Помогите найти в файле шаблонов где это меняется. form-checkout.php ссылается на функцию

     <div class="woocommerce-billing-fields__field-wrapper">
        <?php foreach ( $checkout->get_checkout_fields( 'billing' ) as $key => $field ) : ?>
            <?php woocommerce_form_field( $key, $field, $checkout->get_value( $key ) ); ?>
        <?php endforeach; ?>
    </div>

дальше концов найти не могу

 

[artemkomarov]

Помогите найти в файле шаблонов где это меняется. form-checkout.php ссылается на функцию

для смены класса не надо менять шаблон для этого есть фильтры
https://docs.woocommerce.com/docume...t-fields-using-actions-and-filters/#section-1

 

[Igorewa]

Здравствуйте уважаемые форумчане. Есть сайт на вордпрессе и с магазином woocommerce.

Для самого сайта и разных его разделов используются разные шапки. Т.е. Есть header.php, header-page1.php, ... , header-pageN.php

Для любой страницы выбор своей шапки достаточно прост. Достаточно написать в шаблоне get_header('page1');

Но как аказалось сделать такое же для страницы магазина невозможно. Будет загружаться исключительно стандартный header.php!!!

Вопрос? Каким образом можно заменить вывод header.php страниц магазина на какой-то другой? Заранее спасибо!

 

[tuxfighter]

сделать свои шаблоны страниц, где вызываются нужные хедеры

 

[Igorewa]

сделать свои шаблоны страниц, где вызываются нужные хедеры

Собственно в этом и вопрос, как для woo сделать свой хеадер, я бы даже сказал, как поменять с header-a по умолчанию? В этом и трудность, поделитесь ссылкой или по подробнее опишите как это сделать.

 

[Torcedor]

Не нужно этого делать. Добавляйте в Simple custom css

Огромное спасибо! Удобный плагин!

Скажите, хочу выровнять миниатюры на странице товара по ширине главной фотографии, посоветовали прописать вот это

ol.flex-control-nav.flex-control-thumbs {
display: flex;
justify-content: space-between;
}

но, почему-то не срабатывает - что не так?