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

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

Тема в разделе "WooCommerce - основы, описания, уроки.", создана пользователем Валерий, 6 ноя 2013.

  1. Stork.71

    Stork.71 Местный

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

    GlowWormy

    Сообщения:
    10
    Симпатии:
    3
    Баллы:
    3
    Спасибо...
    Но сама слепила... правда через редактирование 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/
    ПыСы думаю, как было изначально все знают
     
    • Нравится Нравится x 1
  3. Stork.71

    Stork.71 Местный

    Сообщения:
    1.126
    Симпатии:
    301
    Баллы:
    83
    я думал о том, чтоб наоборот выбор варианта и кнопку вырезать сверху и вставить вниз, но в Вашем случае наверное по-вашему правильнее.
     
    • Нравится Нравится x 1
  4. GlowWormy

    GlowWormy

    Сообщения:
    10
    Симпатии:
    3
    Баллы:
    3
    ИМХО, логично познакомиться с характеристиками и купить... сверху вниз) а не метаться по странице
     
  5. Stork.71

    Stork.71 Местный

    Сообщения:
    1.126
    Симпатии:
    301
    Баллы:
    83
    Все правильно, просто такие "перестановки" можно сделать разными способами
     
  6. kewa

    kewa

    Сообщения:
    17
    Симпатии:
    0
    Баллы:
    1
    ребят я не совсем понял, как правильно сделать чтобы после обновы плагина вукомерчь не слетели изменения.

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

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

    tuxfighter Местный

    Сообщения:
    1.207
    Симпатии:
    185
    Баллы:
    63
    копируйте файлы которые будете изменять в свою дочернюю тему и там уже меняйте
     
  8. Deeema91

    Deeema91

    Сообщения:
    1
    Симпатии:
    0
    Баллы:
    1
    Добрый день! Слабо разбираюсь в 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;
    }
     
    Последнее редактирование: 4 мар 2017
  9. nipopadyuk

    nipopadyuk

    Сообщения:
    3
    Симпатии:
    0
    Баллы:
    1
    Приветствую.
    Столкнулся с проблемой, при оформлении заказа, нужно по другому выставить текстовые поля с платежной информацией.
    По сути нужно 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> 
    дальше концов найти не могу :(
     
  10. artemkomarov

    artemkomarov Местный

    Сообщения:
    395
    Симпатии:
    168
    Баллы:
    43
    • Нравится Нравится x 2