Задать вопрос

Mad-cote

Ответы

  • Как сделать вывод выпадающего меню с подкатегориями на странице категории WooCommerce?

    @Mad-cote
    Ну, возможно моё решение не в тему будет немного, но если надо вывести в каждой div категории свои подкатегории, то решение очень простое:

    На странице wc-template-functions.php
    function woocommerce_subcategory_list($category) {

    $product_categories = get_categories( apply_filters( 'woocommerce_product_subcategories_args', array(
        'child_of'       => $category->term_id ,
        'menu_order'   => 'ASC',
        'hide_empty'   => 0,
        'hierarchical' => 1,
        'taxonomy'     => 'product_cat',
        'pad_counts'   => 1
    ) ) );


    echo "<ul>";
    foreach($product_categories as $product) {
        echo "<li>$product->name</li>";
    }
    echo "</ul>";
}


    На странице wc-template-hooks.php
    add_action ( 'woocommerce_sub_list', 'woocommerce_subcategory_list', 20);


    И потом в нужное место (например в content-product_cat.php) вставляем:
    do_action( 'woocommerce_sub_list', $category);
    Ответ написан
    1 комментарий
    1 комментарий

  • Как привязать footer к низу экрана в Twitter Bootstrap?

    @Mad-cote
    Достаточно все просто.

    <html>
<body>
<div class="page">
-- Header --
-- Content --

-- Это если с fix --
<div id="fix"></div>
-- Это если с fix --
</div>

<footer class="footer">
</footer>
</body>
</html>


    <style>
html, body {height:100%; position:relative;}
.page {margin:0 auto 60px; ИЛИ padding: 0 0 60px;}
.footer {height:60px; width:100%; position:absolute; bottom:0;}

ИЛИ если c fix

html, body {height:100%;}
.page {margin:0 auto -60px; }
#fix {padding:0 0 60px;}
.footer {height:60px;  position:relative;}
</style>


    2 вариант не плох, но он не работает, если необходимо решить проблему с прокруткой по ширине. А именно: когда блок вылезает за пределы ширины экрана, делаем overflow, полосы снизу не будет, но стоит нажать мышку и провести по экрану, начинаются проблемы. В этом случае 2 вариант футера не подойдет. Поэтому, самое правильное, использовать 1 вариант и фикс от косяков экрана.

    <style>
html, body {height:100%; position:relative; overflow-x:hidden;}
body {overflow:hidden; height:auto; min-height:100%;}
.page {margin:0 auto 60px; ИЛИ padding: 0 0 60px;}
.footer {height:60px; width:100%; position:absolute; bottom:0;}
</style>


    Вот таким нехитрым способом мы избавились от проблемы с футером и заодно, если какой-нибудь блок будет больше ширины экрана, то снизу не будет полосы прокрутки ненужной (вдобавок и мышкой нельзя будет уйти за пределы).
    Ответ написан
    Комментировать
    Комментировать

  • Как вы пишите комментарии в коде, как выделяете комментариями программные блоки?

    @Mad-cote
    phpdoc.org
    Ответ написан
    Комментировать
    Комментировать

  • Верстка ul/li в несколько колонок?

    @Mad-cote
    Попробуйте использовать flex. Вот ссылочка на использование этой замечательной вещи. Ну и сверху решение хорошее, с использованием column.

    Вот вам еще ништячек, можно просмотреть, что поддерживается и какими браузерами. Достаточно прописать название свойства в поиске.
    Ответ написан
    Комментировать
    Комментировать

  • Почему не работают namespace в less css?

    @Mad-cote Автор вопроса
    Кхм, прошу прощения за глупый вопрос. Уже сам разобрался. Я думал оно работает как на PHP к примеру, но забыл, что это CSS)))
    Ответ написан
    Комментировать
    Комментировать

  • Как остановить выполнение функции "hover" в JQuery на другие классы?

    @Mad-cote Автор вопроса 
    <li><a href="#">Главная</a></li>

            <li><a class="drops_link" href="#">Создание сайтов<span class="drop"></span></a>
              <ul >
                <li><a href="#">Сайт-визитка</a></li>
                <li><a href="#">Сайт для бизнеса</a></li>
                <li><a href="#">Лендинг</a></li>
                <li><a href="#">Информационный портал</a></li>
                <li><a href="#">Интернет-магазин</a></li>
              </ul>
            </li>

            <li><a class="drops_link" href="#">SEO<span class="drop"></span></a>
              <ul>
                <li><a href="#">Поисковое продвижение</a></li>
                <li><a href="#">Контекстная реклама</a></li>
              </ul>
            </li>


    Теперь CSS:

    .head_menu {position:absolute; right:0; top:45px;}
.head_menu ul {}
.head_menu ul li {
	float:left;
	margin:0 5px;
	position:relative;
}
.head_menu ul li a {
	font-family: 'SegoePrintRegular';
	color:#000;
	text-decoration:none;
	font-size:1.125em;
	padding:5px 10px;
}
.head_menu ul li a:hover {
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.head_menu .active {
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
/* CSS треугольник */
.head_menu .drop {
	background-image:url(img/head_drei.png);
	background-position:center;
	background-repeat:no-repeat;
	width:10px; height:10px;
	position:absolute;
	bottom:-20px;
	left:47%;
}
.head_menu ul li a:hover .drop {background-image:url(img/head_drei_hover.png);}

.head_menu .activeDrop {background-image:url(img/head_drei_hover.png) !important;}
/* -------------------- */

/* -------------------- */
/* DROP MENU */
/* -------------------- */
/* Прячем меню */
.head_menu li ul {
	z-index:999;
	visibility:hidden;
	opacity:0;
	position:absolute;
	top:25px;
	left:10px;
	-webkit-transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	transition:all 0.3s ease-in 0s;
}
/* Показываем меню */
.head_menu li:hover ul, .head_menu li ul:hover {visibility:visible; opacity:1;}
.head_menu .drops ul:hover  {color:#fff;}
/* Выпадающее меню дизайн */
.head_menu li ul li {margin:6px 0;}
.head_menu li ul li:before {
	content:url("img/droplink.png");
	position:absolute;
	bottom:3px;
}
.head_menu li ul li a {
	font-size:16px;
	white-space:nowrap;
	padding:0;
	margin:5px 10px;
}
.head_menu li ul li a:hover {
	background:none;
	border-bottom:1px dashed #000;
	border-radius:0;
}
    Ответ написан
    5 комментариев
    5 комментариев