• Почему визуальный редактор Bitrix ломает Vue компонент?

    h4mpy
    @h4mpy
    Можно задать правила обработки конкретных тегов, тогда сам тег резаться не должен.
    в файле bitrix/php_interface/admin_header.php
    <script>
    BX.addCustomEvent('OnEditorInitedBefore', function(toolbar) {
    	var _this = this;
    	BX.addCustomEvent(this, 'OnGetParseRules', BX.proxy(function() {
    		this.rules.tags['my-component'] = {}; // с дефисом
    		this.rules.tags.mycomponent = {}; // без дефиса
    	}, this));
    });
    </script>

    вроде бы других вариантов нет
    Ответ написан
    1 комментарий
  • Как реализовать вывод комплектов с предложением?

    YumeReaver
    @YumeReaver
    Бургомистр
    Можно.
    Заходите в параметры инфоблока "Каталоги" > свойства. Туда добавляете новое множественное поле с типом "Привязка к элементам" (по аналогии с "С этим товаром рекомендуем"(RECOMEND)).
    Дальше, копируете шаблон компонента "bitrix:catalog.recommended.products"(Рекомендованные товары) и изменяете его верстку под вывод комплектов.
    Потом, копируете шаблон компонента "bitrix:catalog"(Каталог) и добавляете в него ваш новый компонент.
    Ответ написан
    1 комментарий
  • Как отлаживать медиа-запросы если монитор не позволяет?

    FFxSquall
    @FFxSquall
    Могу писать код, могу не писать
    Вам ничего не мешает в chrome devTools выставить любое разрешение и увидеть медиа запросы 5a9fc746dbfc3432589417.png
    Ответ написан
    1 комментарий
  • Как в wordpress зарегистрировать и добавить выпадающее при наведении меню?

    @id_baton4eg
    скидываю свою рабочую заготовку:

    functions.php
    register_nav_menus(array(
    	'top' => 'Верхнее',
    	'bottom' => 'Внизу'
    ));
    if (!class_exists('bootstrap_menu')) {
    	class bootstrap_menu extends Walker_Nav_Menu {
    		private $open_submenu_on_hover;
    		function __construct($open_submenu_on_hover = true) {
    	        $this->open_submenu_on_hover = $open_submenu_on_hover;
    	    }
    		function start_lvl(&$output, $depth = 0, $args = array()) {
    			$output .= "\n<ul class=\"dropdown-menu\">\n";
    		}
    		function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) {
    			$item_html = '';
    			parent::start_el($item_html, $item, $depth, $args);
    			if ( $item->is_dropdown && $depth === 0 ) {
    			   if (!$this->open_submenu_on_hover) $item_html = str_replace('<a', '<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"', $item_html);
    			   $item_html = str_replace('</a>', ' <b class="caret"></b></a>', $item_html);
    			}
    			$output .= $item_html;
    		}
    		function display_element($element, &$children_elements, $max_depth, $depth = 0, $args, &$output) {
    			if ( $element->current ) $element->classes[] = 'active';
    			$element->is_dropdown = !empty( $children_elements[$element->ID] );
    			if ( $element->is_dropdown ) {
    			    if ( $depth === 0 ) {
    			        $element->classes[] = 'dropdown';
    			        if ($this->open_submenu_on_hover) $element->classes[] = 'show-on-hover';
    			    } elseif ( $depth === 1 ) {
    			        $element->classes[] = 'dropdown-submenu';
    			    }
    			}
    			parent::display_element($element, $children_elements, $max_depth, $depth, $args, $output);
    		}
    	}
    }


    header.php
    <nav class="navbar navbar-default">
    						<div class="navbar-header">
    							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topnav" aria-expanded="false">
    								<span class="sr-only">Меню</span>
    								<span class="icon-bar"></span>
    								<span class="icon-bar"></span>
    								<span class="icon-bar"></span>
    							</button>
    						</div>
    						<div class="collapse navbar-collapse" id="topnav">
    							<?php $args = array( 
    								'theme_location' => 'top',
    								'container'=> false,
    						  		'menu_id' => 'top-nav-ul',
    						  		'items_wrap' => '<ul id="%1$s" class="nav navbar-nav %2$s">%3$s</ul>',
    								'menu_class' => 'top-menu',
    						  		'walker' => new bootstrap_menu(true)		  		
    					  			);
    								wp_nav_menu($args);
    							?>
    						</div>
    					</nav>


    @media (min-width: 979px) { 
    	ul.nav li.dropdown.show-on-hover:hover > ul.dropdown-menu {
    		display: block;
    	}
    	.comment-list .children {
    		padding: 0;
    		margin-left: 74px;
    		padding-bottom: 15px;
    	}
    	.comment-list .media {
    		margin-top: 0;
    	}
    }


    Взято из: https://github.com/saxap/clean-wp-template
    Удачи в разработках =)
    Ответ написан
    7 комментариев