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

Другой вид Вариативного товара

Тема в разделе "Вопросы, советы и доработки.", создана пользователем c0zzy, 22 фев 2014.

  1. c0zzy

    c0zzy

    Сообщения:
    12
    Симпатии:
    0
    Баллы:
    1
    Возможно ли реализовать свой вид вариативного товара за странице заказа. Стандартный вид выбора вариантов не радует глаз.. Может плагин какой есть или можно css отдектировать..
     
  2. Mishka48

    Mishka48 Команда форума Местный

    Сообщения:
    73
    Симпатии:
    35
    Баллы:
    18
    На странице ЗАКАЗА или на странице ТОВАРА ? Если можно скриншот в студию или ссылку на сайт. Хорошо бы еще название темы узнать, а также увидеть пример какой вид вариантов Вам "радует глаз" .
     
    • Согласен Согласен x 1
  3. c0zzy

    c0zzy

    Сообщения:
    12
    Симпатии:
    0
    Баллы:
    1
    На странице товара, простите :) Тема Hudson, но такое можно наблюдать на многих других темах, думается, что это woocommerce выглядит, а не тема..
    На скриншоте кривенько обозначил что не устраивает. Поменять бы на что-то похожее на выбор количества товара
     

    Вложения:

  4. c0zzy

    c0zzy

    Сообщения:
    12
    Симпатии:
    0
    Баллы:
    1
    а так бы мне хотелось видеть это окошко выбора
     

    Вложения:

  5. D&B

    D&B Администратор Команда форума Местный

    Сообщения:
    3.279
    Симпатии:
    726
    Баллы:
    113
    Не понятно, что именно не радует Ваш глаз
    Ну так добавьте еще варианты цвета как в вашем примере. Что касается визуализации кнопок и элементов - это зависит от темы, если она конечно заточена под WooCommerce. В стандартных темах и элементы выглядят соответственно, примерно одинаково.
     
    Последнее редактирование: 23 фев 2014
  6. c0zzy

    c0zzy

    Сообщения:
    12
    Симпатии:
    0
    Баллы:
    1
    А каким образом можно заточить внешний вид так, как хотелось бы? И реально ли вообще?
     
  7. D&B

    D&B Администратор Команда форума Местный

    Сообщения:
    3.279
    Симпатии:
    726
    Баллы:
    113
    Конечно реально. И ничего точить не надо. Для этого и существуют темы. Найдите себе ту которая бы устроила.
     
  8. c0zzy

    c0zzy

    Сообщения:
    12
    Симпатии:
    0
    Баллы:
    1
    Это же не выход! Раз реально, вопрос "как?" становится очень актуальным..
     
  9. D&B

    D&B Администратор Команда форума Местный

    Сообщения:
    3.279
    Симпатии:
    726
    Баллы:
    113
    Не надо искать выход там где он уже давно есть и не один. Впрочем, если Вам так уж хочется по сложному пути - берете текстовый редактор, фотошоп и вперед.
     
  10. c0zzy

    c0zzy

    Сообщения:
    12
    Симпатии:
    0
    Баллы:
    1
    собственно,банально не встречал подобного, но всё равно спасибо!
     
  11. Mishka48

    Mishka48 Команда форума Местный

    Сообщения:
    73
    Симпатии:
    35
    Баллы:
    18
    Пришлите ссылку на страницу откуда Вы сделали этот скриншот
     
  12. c0zzy

    c0zzy

    Сообщения:
    12
    Симпатии:
    0
    Баллы:
    1
    Это лишь рисунок
     
  13. Mishka48

    Mishka48 Команда форума Местный

    Сообщения:
    73
    Симпатии:
    35
    Баллы:
    18
    К сожалению по рисунку я не смогу подсказать Вам CSS для конкретного сайта или темы.
     
    • Согласен Согласен x 1
  14. c0zzy

    c0zzy

    Сообщения:
    12
    Симпатии:
    0
    Баллы:
    1
    Сам что-то не знаю как начать даже..
     
  15. Mishka48

    Mishka48 Команда форума Местный

    Сообщения:
    73
    Симпатии:
    35
    Баллы:
    18
    вот это css кнопки соответствующий внешнему стилю гудзона - примени его к кнопке вариативного товара:
    Код:
    .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        -moz-text-decoration-color: -moz-use-text-color;
        -moz-text-decoration-line: none;
        -moz-text-decoration-style: solid;
        background-attachment: scroll;
        background-clip: border-box;
        background-color: rgba(0, 0, 0, 0);
        background-image: -moz-linear-gradient(center top , #F7F6F7 0px, #E0DADF 100%);
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto auto;
        border-bottom-color: #C8BFC6;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
        border-image-slice: 100% 100% 100% 100%;
        border-image-source: none;
        border-image-width: 1 1 1 1;
        border-left-color-ltr-source: physical;
        border-left-color-rtl-source: physical;
        border-left-color-value: #C8BFC6;
        border-left-style-ltr-source: physical;
        border-left-style-rtl-source: physical;
        border-left-style-value: solid;
        border-left-width-ltr-source: physical;
        border-left-width-rtl-source: physical;
        border-left-width-value: 1px;
        border-right-color-ltr-source: physical;
        border-right-color-rtl-source: physical;
        border-right-color-value: #C8BFC6;
        border-right-style-ltr-source: physical;
        border-right-style-rtl-source: physical;
        border-right-style-value: solid;
        border-right-width-ltr-source: physical;
        border-right-width-rtl-source: physical;
        border-right-width-value: 1px;
        border-top-color: #C8BFC6;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        border-top-style: solid;
        border-top-width: 1px;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
        color: #5E5E5E;
        cursor: pointer;
        display: inline-block;
        font-family: inherit;
        font-size: 100%;
        font-weight: bold;
        left: auto;
        line-height: 1em;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        overflow-x: visible;
        overflow-y: visible;
        padding-bottom: 6px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 6px;
        position: relative;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
        white-space: nowrap;
    }
    А начинать как-то надо, а то не закончишь никогда
     
    • Нравится Нравится x 1
  16. c0zzy

    c0zzy

    Сообщения:
    12
    Симпатии:
    0
    Баллы:
    1
    Огромное вам спасибо!!!