WooCommerce: добавить пользовательский класс для выбора оболочки

Question

WooCommerce: добавить пользовательский класс для выбора оболочки

Less and Sass - предварительные процессоры CSS, которые расширяют язык CSS ценными способами. Только одно из многих улучшений, которые они предлагают, - это именно тот вариант, который вы ищете. Есть несколько очень хороших ответов с Less и я добавлю решение Sass.

У Sass есть опция расширения, которая позволяет одному классу полностью перейти на другой. Подробнее о расширении вы можете прочитать в этой статье

0

php wordpress woocommerce

задан Mr. Jo 15 January 2019 в 20:15

1 ответ

Другие вопросы по тегам:

php wordpress woocommerce

Похожие вопросы:

score 0 · Answer 1

Вы можете использовать следующий код JavaScript.

<script type="text/javascript">
var nodes = document.getElementsByClassName("woocommerce-input-wrapper");

for(var i=0; i<nodes.length; i++) {
    var cnt = 0;
    for (let node of nodes[i].childNodes) {

      if(node.nodeName.toLowerCase() == 'select'){
        cnt++;
        break;
      }

    }
    if(cnt > 0)
    nodes[i].classList.add("select-wrapper");

}
</script>

Если вы используете какие-либо js-фреймворки, такие как jQuery, вы можете легко уменьшить длину кода до 2–3 строк.