Архив Июль, 2011

Модальные окна с помощью JQuery

Author admin    Category JQuery     Tags

В сегодняшнем уроке, мы будем конструировать всплывающие окна с помощью библиотеки JQuery. В интернете уже большое количество плагинов, с помощью которых можно конструировать всплывающие окна, но они часто конфликтуют с приложениями, которые уже работают на сайте.

Итак, в первую очередь нужно подключить библиотеку JQuery. Можно скачать её с официального сайта, либо использовать библиотеку от Google.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

Пописываем функции, которые будут обрабатывать действия:

<script type="text/javascript">
$(document).ready(function() {

//Если мы кликаем по ссылке с классом  poplight и href начинается с  with a #
$('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel');
    var popURL = $(this).attr('href');

    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1];

    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');

    //Определяем отступы
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;

    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });

    $('body').append('<div id="fade"></div>');
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();

    return false;
});

//Закрываем форму
$('a.close, #fade').live('click', function() {
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();
    });
    return false;
});
});
</script>

далее

Июл
22

[Bitrix] Как получить дополнительное свойство раздела?

Author admin    Category Bitrix     Tags ,


Нередко возникает ситуация, для тех кто работает с Битрикс, когда основных свойств раздела недостаточно, необходимо дополнить раздел дополнительным свойством, к примеру нам нужно свойство краткое описание.

Добавить свойство к разделу, можно в административной панели 1c-Bitrix Настройки-> Настройки продукта-> Пользовательские поля

Итак свойство мы добавили, теперь при редактировании раздела, мы можем добавить краткое описание:

Теперь, стоит вопрос, как же получить дополнительное свойство раздела? А для получения дополнительного свойства раздела, нам нужно как минимум 2 параметра:


ID - по коду раздела;
IBLOCK_ID - по коду родительского информационного блока;

далее

Июл
16

[Bitrix] Компонент управления баннерами на сайте

Author admin    Category Bitrix     Tags

Всем привет. Сегодня, как вы уже наверное догадались, речь пойдет о CMS 1C-Bitrix и о создании компонента для управления баннерами на сайте. Дело в том, что в некоторые редакции Битрикс входит отдельный модуль Реклама, который позволяет на сайте размещать баннеры, собирать статистику по их переходам и т.д. Но вот к примеру в редакцию Малый Бизнес данный модуль не входит, но баннеры нужно размещать и необходимо сконструировать такой механизм, который позволял бы этими баннерами управлять: указывать ссылку, менять изображение и т.д.

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

1. Создаем новый тип информационного блока, я назвал его Баннеры.
Контент-> Информационные блоки-> Типы информационных блоков.

Запоминаем идентификатор информационного блока, данный идентификатор будет использоваться в запросах.

2. После того, как создали тип информационного блока, создаем сам информационный блок.
Контент-> Информационные блоки-> Типы информационных блоков-> Баннеры

Задаем название для информационного блока, в нашем случае информ. блок, так же будет называться Баннеры.

Переходим на вкладку Свойства и задаем 2 свойства:

- Название: Ссылка на страницу; Тип: Строка; Код: LINK
- Название: Изображение баннера; Тип:Файл; Код:FILE

3. Для компонента, я создал отдельную папку, назвал её mycomponents. Загружаем компонент в папку site.ru/bitrix/components/mycomponents

Все теперь компонент загружен на сайт и его можно использовать. Добавляем в информационный блок: Баннеры, новую запись:

Теперь мы должны расположить в шаблоне сайта или на отдельной странице php скрипт вызова компонента:

<? $APPLICATION->IncludeComponent("mycomponents:banners", ".default", Array(
	"TYPE" => "banners",	            // Тип информационного блока
	"BNAME" => "БаннерШапка",	 // Имя элемента
	"CACHE_TYPE" => "N",	            // Тип кеширования
	"CACHE_TIME" => "3600",	// Время кеширования (сек.)
	),
	false
);?>

Для корректной работы компонента, нам потребуются 2 параметра: тип информационного блока и имя элемента, именем элемента выступает название баннера.

Пример работы компонента:

далее

Июл
8

[Bitrix] Как деактивировать товары без цены?

Author admin    Category Bitrix     Tags ,

Всем привет! Давненько не писал в свой любимы блог, последнее время очень много задач, на решение которых уходит масса времени. Но ничего блог я не брошу, а только буду развивать. В планах перевести блог на платформу Bitrix и сделать его, так как мечтаю.

Итак, сегодня выложу очередной скрипт под Битрикс. Скрипт пригодится тем кто работает с интернет магазинами или занимается их разработкой.

Рассмотрим ситуацию: Клиент заказал интеграцию 1С Управление торговлей с интернет магазином на базе 1С – Bitrix. Но вот только проблемка в базе не на все товары установлена цена, а их около 25 тысяч и искать те, для которых не установлена цена очень долго. Поэтому все манипуляции с товарами, решено выполнять на сайте. Выполняем выгрузку на сайт, а теперь ищем элементы номенклатуры, для которых не задана цена и деактивируем их.
далее