• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Важно! Внесение изменений в файлы шаблонов 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/
.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
HTML:
<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>
чтобы получилось так:
HTML:
<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 ссылается на функцию
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

Специалист
Местный

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;
}

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