bellord/kit
1
0
Fork 0
mirror of https://bitbucket.org/bellord13/kit.git synced 2026-11-13 19:06:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
bellord
2025-08-05 04:02:27 +03:00
parent 5916b2bb04
commit 322f80589f
1 changed files with 35 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/card/block.php
+35 -9
View File
@@ -1,5 +1,8 @@
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/prolog_before.php");?> <?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/prolog_before.php");?>
<? <?php
/**
* @var $APPLICATION
*/
if(\Bitrix\Main\Loader::includeModule('wt.core')) { if(\Bitrix\Main\Loader::includeModule('wt.core')) {
app()->service()->assets()->setPlugins([ app()->service()->assets()->setPlugins([
'kit:config', 'kit:config',
@@ -16,9 +19,31 @@ $APPLICATION->ShowHead();
?> ?>
<style type="text/css"> <style type="text/css">
.section-product-list { :root {
--width-wrapper: 1600px;
}
.card-flex-list--block {
--col-count: 5; --col-count: 5;
}
@media (max-width: 1200px) {
.card-flex-list--block {
--col-count: 5;
}
}
@media (max-width: 1000px) {
.card-flex-list--block {
--col-count: 4;
}
}
@media (max-width: 800px) {
.card-flex-list--block {
--col-count: 3;
}
}
@media (max-width: 500px) {
.card-flex-list--block {
--col-count: 2;
}
} }
.section-product-list .flex-card { .section-product-list .flex-card {
--kit-color-content: #FFF; --kit-color-content: #FFF;
@@ -33,13 +58,13 @@ $APPLICATION->ShowHead();
font-size: 0.8em; font-size: 0.8em;
} }
</style> </style>
<? <?php
$items = array_fill(0, 40, [ $items = array_fill(0, 40, [
'id' => 1, 'id' => 1,
'name' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit Ab accusamus aliquid, consequuntur corporis ducimus', 'name' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit Ab accusamus aliquid, consequuntur corporis ducimus',
'hover' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit Ab accusamus aliquid, consequuntur corporis ducimus', 'hover' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit Ab accusamus aliquid, consequuntur corporis ducimus',
'picture' => '<img src="https://picsum.photos/200/200">', 'picture' => '<img src="https://imgholder.ru/200x200/">',
'text_preview' => 'asdas asdas dasdasd', 'text_preview' => 'asdas asdas dasdasd',
'tickets' => [ 'tickets' => [
[ [
@@ -61,14 +86,15 @@ $items = array_fill(0, 40, [
<div> <div>
<h1>Каталог</h1> <h1>Каталог</h1>
</div> </div>
<div class="flex-list flex-card-list--list-"> <div class="flex-list card-flex-list card-flex-list--block">
<?foreach($items as $item) {?> <?php
foreach($items as $item) {?>
<div class="flex-list-item"> <div class="flex-list-item">
<? <?php
echo app()->service()->templater()->get('kit:card/block', $item); echo app()->service()->templater()->get('kit:card/block', $item);
?> ?>
</div> </div>
<?}?> <?php }?>
</div> </div>
</section> </section>
</div> </div>