Разработчик сайтов и магазинов на битриксе . И не только.

Bitrix-Получаем изображение и свойства из инфоблока (CIBlockElement::GetList)

27.12.2016 Автор:alex

Комментариев нет

Для того что бы получить изображение и свойства из инфоблока циклом (CIBlockElement::GetList) надо выполнить следующий код

$arSelect = Array("ID", "IBLOCK_ID", "NAME", "PREVIEW_PICTURE", "DATE_ACTIVE_FROM","PROPERTY_*");//IBLOCK_ID и ID обязательно должны быть указаны, 
// "PREVIEW_PICTURE", - получаем id 
$arFilter_old = Array(
	"IBLOCK_ID"=>3,   // id инфоблока
	'PROPERTY_ATT_TIP_AUTHOR_VALUE' => 'Классик',  // фильтруем по селекту
);

$res = CIBlockElement::GetList(Array(), $arFilter_old, false, Array("nPageSize"=>50), $arSelect);
while($ob = $res->GetNextElement()){ 
	//получаем поля (которые указали в $arSelect)
	$arFields = $ob->GetFields();  
	print_r($arFields);
	// в $arFields["PREVIEW_PICTURE"] сейчас содержится id фото, по этому id получаем путь к файлу.
	echo '<img src="'.CFile::GetPath($arFields["PREVIEW_PICTURE"]).'">';
	$arProps = $ob->GetProperties();// получаем свойства
	//print_r($arProps); //свойства в цикле выводит
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

$arSelect = Array("ID", "IBLOCK_ID", "NAME", "PREVIEW_PICTURE", "DATE_ACTIVE_FROM","PROPERTY_*");//IBLOCK_ID и ID обязательно должны быть указаны,

// "PREVIEW_PICTURE", - получаем id

$arFilter_old = Array(

"IBLOCK_ID"=>3, // id инфоблока

'PROPERTY_ATT_TIP_AUTHOR_VALUE' => 'Классик', // фильтруем по селекту

);

$res = CIBlockElement::GetList(Array(), $arFilter_old, false, Array("nPageSize"=>50), $arSelect);

while($ob = $res->GetNextElement()){

//получаем поля (которые указали в $arSelect)

$arFields = $ob->GetFields();

print_r($arFields);

// в $arFields["PREVIEW_PICTURE"] сейчас содержится id фото, по этому id получаем путь к файлу.

echo '<img src="'.CFile::GetPath($arFields["PREVIEW_PICTURE"]).'">';

$arProps = $ob->GetProperties();// получаем свойства

//print_r($arProps); //свойства в цикле выводит

}

Лучшая Лупа на Jquery ( плагин zoom)

26.12.2016 Автор:alex

Комментариев нет

Исходники тут http://zoomsl.sergeland.ru/example/
вот пример использования

		jQuery(".oformit_zakaz_left img").imagezoomsl({	  
			 zoomrange: [3, 3],
			 zoomstart: 3,
			 scrollspeedanimate: 1, //скорость 'Догоняния ' мыши
			  magnifiereffectanimate: "fadeIn",
			 innerzoom: true,
			 magnifierborder: "none"		 
		  });

1

2

3

4

5

6

7

8

jQuery(".oformit_zakaz_left img").imagezoomsl({

zoomrange: [3, 3],

zoomstart: 3,

scrollspeedanimate: 1, //скорость 'Догоняния ' мыши

magnifiereffectanimate: "fadeIn",

innerzoom: true,

magnifierborder: "none"

});

Скрытие текста градиентом снизу через css

26.12.2016 Автор:alex

Комментариев нет

rgba(255,255,255,0, 0.0) последние цифры 0.0 — это уровень прозрачности что может быть достигнут. максимум 1.0

	.poduct_desc{
	max-height: 62px;
    overflow: hidden;  
	position:relative;
	}
	
	.poduct_desc::after {
    content: ''; /* Выводим элемент */
    position: absolute; /* Абсолютное позиционирование */
    right: 0; bottom: 0; /* Положение элемента */
    width: 100%; /* Ширина градиента*/
    height: 30%; /* Высота родителя */
    /* Градиент */
    background: -moz-linear-gradient(bottom, rgba(255,255,255, 0.0), #fff 100%);
    background: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.0), #fff 100%);
    background: -o-linear-gradient(bottom, rgba(255,255,255,0, 0.0), #fff 100%);
    background: -ms-linear-gradient(bottom, rgba(255,255,255,0, 0.0), #fff 100%);
    background: linear-gradient(to bottom, rgba(255,255,255, 0.0), #fff 100%);
   }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

.poduct_desc{

max-height: 62px;

overflow: hidden;

position:relative;

}

.poduct_desc::after {

content: ''; /* Выводим элемент */

position: absolute; /* Абсолютное позиционирование */

right: 0; bottom: 0; /* Положение элемента */

width: 100%; /* Ширина градиента*/

height: 30%; /* Высота родителя */

/* Градиент */

background: -moz-linear-gradient(bottom, rgba(255,255,255, 0.0), #fff 100%);

background: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.0), #fff 100%);

background: -o-linear-gradient(bottom, rgba(255,255,255,0, 0.0), #fff 100%);

background: -ms-linear-gradient(bottom, rgba(255,255,255,0, 0.0), #fff 100%);

background: linear-gradient(to bottom, rgba(255,255,255, 0.0), #fff 100%);

}

Выравнивание по вертикали css+before

26.12.2016 Автор:alex

Комментариев нет

Решение просмотреть тут http://jsfiddle.net/k46mm5ve/29/

div {
  height: 200px;
  background: #FAF375;
  text-align: center;
}
div:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  height:100%;
}

span {
  font-size: 2em;
  display: inline-block;
  background: green; 
  width: 60%;
  vertical-align: middle;
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

div {

height: 200px;

background: #FAF375;

text-align: center;

}

div:before{

content: '';

display: inline-block;

vertical-align: middle;

height:100%;

}

span {

font-size: 2em;

display: inline-block;

background: green;

width: 60%;

vertical-align: middle;

}

<div>
   <span>Меня надо выровнять</span>
</div>

1

2

3

<div>

<span>Меня надо выровнять</span>

</div>

Bitrix- Количество элементов в инфоблоке

23.12.2016 Автор:alex

Комментариев нет

Считаем количество элементов в инфоблоке

CModule::IncludeModule('iblock');
$arFilter = array(
    'IBLOCK_ID' => 1, // ID инфоблока
	//'>=DATE_CREATE'=>date("20.m.Y")
    // любые другие параметры, например 'ACTIVE' => 'Y'
);
$res = CIBlockElement::GetList(false, $arFilter, array('IBLOCK_ID'));
if ($el = $res->Fetch()){
	$count=$el['CNT'];
}else{
	$count=0;
}

1

2

3

4

5

6

7

8

9

10

11

12

CModule::IncludeModule('iblock');

$arFilter = array(

'IBLOCK_ID' => 1, // ID инфоблока

//'>=DATE_CREATE'=>date("20.m.Y")

// любые другие параметры, например 'ACTIVE' => 'Y'

);

$res = CIBlockElement::GetList(false, $arFilter, array('IBLOCK_ID'));

if ($el = $res->Fetch()){

$count=$el['CNT'];

}else{

$count=0;

}

Bitrix — arFilter (фильтр) по дате

23.12.2016 Автор:alex

Комментариев нет

$date_from = '12.09.2014';
$date_to = '18.09.2014';

$db_el = CIBlockElement::GetList(
   array('ID' => 'DESC'),
   array(
      '>=DATE_CREATE' => $date_from,
      '<=DATE_CREATE' => $date_to . ' 23:59:59'      
   )
);
или
$date_from = '1.12.2016';
$arrFilter['>=DATE_CREATE'] = $date_from;


<?$APPLICATION->IncludeComponent("bitrix:news.list", "catalog", Array(
....
"FILTER_NAME" => "arrFilter",

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

$date_from = '12.09.2014';

$date_to = '18.09.2014';

$db_el = CIBlockElement::GetList(

array('ID' => 'DESC'),

array(

'>=DATE_CREATE' => $date_from,

'<=DATE_CREATE' => $date_to . ' 23:59:59'

)

);

или

$date_from = '1.12.2016';

$arrFilter['>=DATE_CREATE'] = $date_from;

<?$APPLICATION->IncludeComponent("bitrix:news.list", "catalog", Array(

....

"FILTER_NAME" => "arrFilter",

Bitrix- проверка на главную страницу

21.12.2016 Автор:alex

Комментариев нет

echo $APPLICATION->GetCurPage();
	if ($APPLICATION->GetCurPage()=="/index.php" or $APPLICATION->GetCurPage()=="/") 
	{ 
	}

1

2

3

4

echo $APPLICATION->GetCurPage();

if ($APPLICATION->GetCurPage()=="/index.php" or $APPLICATION->GetCurPage()=="/")

{

}

Bitrix — arFilter (арфильтр) для select

21.12.2016 Автор:alex

Комментариев нет

Всё достаточно просто.

$arrFilter['property_att_best_book_value'] = 'Да';
Если задать фильтр так: 
$xxxFilter = array("PROPERTY_ XXX _VALUE"=>"Да");

1

2

3

$arrFilter['property_att_best_book_value'] = 'Да';

Если задать фильтр так:

$xxxFilter = array("PROPERTY_ XXX _VALUE"=>"Да");

jquery scroll : событие прокрутки до выбранного элемента и до конца страницы

21.12.2016 Автор:alex

Комментариев нет

Данный код определяет прокрутку до элемента .scroll_picca и если доходим до него то показываем меню или производим любое другое действие.
Вторая проверка- на скролл до низа страницы. Если дошли до низа — производим нужное действие.

jQuery(window).scroll(function() {
		// проверка на докрутку до определенного элемента
		var scroll_picca =jQuery('.scroll_picca').offset().top;
		console.log(scroll_picca) ;// выводим в консоль смещение  элемента пицца
		//если мы докрутили до нужного элемента 
		if (jQuery(this).scrollTop() > scroll_picca) {
			// создаем эффекты и анимацию
			jQuery(".bottom_float_menu").show();
			
		}else{
			jQuery(".bottom_float_menu").hide();
			
		}	
		// если докрутил до низа страницы
		if(jQuery(window).scrollTop()+jQuery(window).height()>=jQuery(document).height()){
			jQuery(".bottom_float_menu").hide();
		}		
});

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

jQuery(window).scroll(function() {

// проверка на докрутку до определенного элемента

var scroll_picca =jQuery('.scroll_picca').offset().top;

console.log(scroll_picca) ;// выводим в консоль смещение элемента пицца

//если мы докрутили до нужного элемента

if (jQuery(this).scrollTop() > scroll_picca) {

// создаем эффекты и анимацию

jQuery(".bottom_float_menu").show();

}else{

jQuery(".bottom_float_menu").hide();

}

// если докрутил до низа страницы

if(jQuery(window).scrollTop()+jQuery(window).height()>=jQuery(document).height()){

jQuery(".bottom_float_menu").hide();

}

});

bitrix-видео coздание баннера

19.12.2016 Автор:alex

Комментариев нет

Создание баннера
1. переходим в маркетинг- баннеры . Нужен договор по умолчанию- ищем в тех же баннерах.
2. Загрузка баннера в медибилблиотеку(т.к. если мы пользуемся типом баннера -hmtl), то из нее мы можем вытащить баннер
3. На главной странице добавить компонент баннеров

Вот видео Битрикс — Баннерная реклама. В ней кое что описано, что нет в статье.