Корзина

17

_JSHOP_ITEM	_JSHOP_SINGLEPRICE	_JSHOP_NUMBER	_JSHOP_PRICE_TOTAL	_JSHOP_REMOVE
Набор посадочный из 4 пр. в ф-сумке	672,00 р.		672,00 р.
Саморез кровельный 6,3х 51 Zn	0,00 р.		0,00 р.
Уплотнитель универсальный ROOFRetail 2,0м	111,00 р.		111,00 р.
Ендовая верхняя (Zn-ОН)	820,00 р.		820,00 р.
Сайдинг Docke LUX BERGART 1.809х0,285	524,00 р.		524,00 р.
Пилка для лобзика твердосплав.зерно 77x52 (керамика, стекло) Т150RF Pilorama	126,00 р.		126,00 р.
Профнастил С-8 / Prisma	0,00 р.		0,00 р.
Планка снегозадержателя 100х69х2000 / Стандарт	0,00 р.		0,00 р.
Саморез кровельный 5,5х38 Zn (уп. 250 шт.)	3,00 р.		3,00 р.
Мастика для гибкой черепицы Döcke 0,33 л.	0,00 р.		0,00 р.
Саморез кровельный 5,5х25 Zn б/шайбы	1,00 р.		1,00 р.
Саморез кровельный 4,8х76 Zn (уп. 100 шт.)	0,00 р.		0,00 р.
Саморез кровельный 4,8х50	0,00 р.		0,00 р.
Агротекс 17 "UV" (3,2х500)	22,00 р.		22,00 р.
Профнастил МП-20 /Zn / T	0,00 р.		0,00 р.
Саморез кровельный 5,5х32 Zn с увеличенным сверлом /50	0,00 р.		0,00 р.
Планка торцевая (плоская) 95х120 (Zn-ОН)	0,00 р.		0,00 р.

Очистить корзину Пересчитать

_JSHOP_PRICE_TOTAL: 2 279,00 р.

_JSHOP_BACK_TO_SHOP

_JSHOP_CHECKOUT

Copyright MAXXmarketing GmbH
JoomShopping Download & Support

Навигация

/* Принудительное выравнивание в price_block */
.price_block {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* Все элементы внутри price_block */
.price_block * {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
}

/* Старая цена (зачеркнутая) */
.price_block del,
.price_block .oldPrice,
.price_block .basePrice,
.price_block s {
    display: block !important;
    margin-bottom: 5px !important;
    text-decoration: line-through !important;
    color: #d9534f !important;
}

/* Новая цена */
.price_block span:not(.oldPrice):not(.basePrice),
.price_block .salesPrice,
.price_block .currentPrice {
    display: block !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

/* Убираем лишние отступы */
.price_block br,
.price_block p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Убираем выравнивание вправо и делаем вертикально */
#comjshop .product_price,
.product_price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 10px 0 !important;
}

/* Убираем класс uk-text-right */
#comjshop .product_price.uk-text-right,
.product_price.uk-text-right {
    text-align: center !important;
}

/* Старая цена - сверху */
#comjshop .old_price,
.product_price .old_price {
    display: block !important;
    order: 1 !important;
    text-align: center !important;
    margin-bottom: 5px !important;
    color: #ff0000 !important;
    text-decoration: line-through !important;
    font-size: 13px !important;
    width: 100% !important;
}

/* Новая цена - снизу */
#comjshop .jshop_price,
.product_price .jshop_price {
    display: block !important;
    order: 2 !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 18px !important;
    width: 100% !important;
}

/* Внутренний span с ценой */
#comjshop .jshop_price span,
.product_price .jshop_price span {
    display: block !important;
    text-align: center !important;
}

<style>
/* Контейнер цены в JoomShopping */
.jshop_list_product .delivery_time, 
.jshop_list_product .old_price, 
.jshop_list_product .prod_price {
    display: block;
    text-align: right; /* Прижимаем к правому краю */
    width: 100%;
}

.jshop_list_product .old_price {
    margin-bottom: 2px; /* Расстояние между ценами */
    text-decoration: line-through;
}

/* Дополнительное выравнивание для всего блока цены, если нужно */
.jshop_list_product .price_block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
</style>

<style>
/* Работаем через структуру UIkit, которая у вас на сайте */
.jshop_list_product .jshop_price,
.jshop_list_product .price_block {
    display: block !important;
    text-align: right !important; /* Прижимаем текст вправо */
    width: 100% !important;
}

/* Старая цена */
.jshop_list_product .old_price {
    display: block !important; /* Выбиваем в отдельную строку */
    margin-bottom: 2px !important;
    text-decoration: line-through;
    color: #999; /* Серый цвет для старой цены */
}

/* Новая цена */
.jshop_list_product .prod_price {
    display: block !important;
    font-weight: bold;
}

/* Если цены обернуты в инлайновые теги span */
.jshop_list_product .price_block span {
    display: block !important;
    text-align: right !important;
}
</style>

<style>
/* Находим самый вероятный контейнер цены в JoomShopping */
.jshop_list_product .price_block,
.jshop_list_product .jshop_price {
    display: flex !important;
    flex-direction: column !important; /* Строго друг под другом */
    align-items: flex-end !important;   /* Строго по правому краю */
    justify-content: flex-start !important;
    text-align: right !important;
    width: 100% !important;
    float: none !important;
}

/* Убираем все внешние отступы у вложенных элементов, которые могут мешать */
.jshop_list_product .price_block *,
.jshop_list_product .jshop_price * {
    display: block !important;
    margin: 0 0 2px 0 !important; /* Только небольшой отступ снизу */
    padding: 0 !important;
    float: none !important;
    width: auto !important;
}

/* Красим старую цену в красный, как на вашем первом скриншоте */
.jshop_list_product .old_price {
    color: red !important;
    text-decoration: line-through !important;
    font-size: 0.9em !important;
}
</style>

<style>
/* 1. КАРТОЧКА: Базовый контейнер с ровными границами */
#comjshop .jshop_list_product .uk-panel.uk-panel-box.thumbnailed {
    display: block !important; 
    height: auto !important; 
    min-height: 480px !important; /* Увеличил, чтобы всё влезло */
    position: relative !important;
    border: 1px solid #e5e5e5 !important;
    background: #ffffff !important;
    padding: 0 0 70px 0 !important; /* Отступ снизу для кнопок */
    box-sizing: border-box !important;
}

/* 2. ИЗОБРАЖЕНИЕ */
#comjshop .jshop_list_product .uk-panel-teaser {
    height: 180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* 3. НАЗВАНИЕ */
#comjshop .jshop_list_product .name.fix-height {
    display: table !important;
    width: 100% !important;
    height: 80px !important;
    margin: 5px 0 !important;
    padding: 0 10px !important;
}

#comjshop .jshop_list_product .name.fix-height a {
    display: table-cell !important;
    vertical-align: middle !important;
    text-align: center !important;
    line-height: 1.2 !important;
    font-size: 14px !important;
}

/* 4. ЦЕНЫ: Старая над новой в правой стороне */
#comjshop .jshop_list_product .product_price {
    display: flex !important;
    flex-direction: column !important; /* В столбик */
    align-items: flex-end !important;   /* К правому краю */
    justify-content: center !important;
    height: 65px !important; 
    margin: 0 !important;
    padding: 0 15px !important; /* Отступ от правого края карточки */
}

/* Стили для старой цены */
#comjshop .jshop_list_product .old_price {
    display: block !important;
    text-decoration: line-through !important;
    color: #ff0000 !important;
    font-size: 13px !important;
    margin-bottom: 2px !important;
}

/* Стили для основной цены */
#comjshop .jshop_list_product .prod_price {
    display: block !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

/* 5. КНОПКИ: Прижаты к низу */
#comjshop .jshop_list_product form {
    display: block !important;
    position: absolute !important;
    bottom: 15px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Фикс для полей ввода количества */
#comjshop .jshop_list_product input.inputbox {
    width: 40px !important;
    height: 30px !important;
    margin-right: 5px !important;
}
</style>

/* Если цены в разных блоках - объединяем визуально */
#comjshop .jshop_list_product .old_price {
    margin-bottom: 5px !important;
    display: block !important;
}

#comjshop .jshop_list_product .prod_price {
    margin-top: 0 !important;
    display: block !important;
}

/* Принудительно скрываем лишние обёртки */
#comjshop .jshop_list_product .price_wrapper,
#comjshop .jshop_list_product .vm-price {
    display: contents !important;
}

<style>
/* 1. КАРТОЧКА: Убираем фиксированную высоту, используем Flex */
#comjshop .jshop_list_product .uk-panel.uk-panel-box.thumbnailed {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 480px !important; /* Минималка для ровности рядов */
    position: relative !important;
    padding: 0 0 75px 0 !important; /* Место для кнопок внизу */
    border: 1px solid #e5e5e5 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

/* 2. ИЗОБРАЖЕНИЕ */
#comjshop .jshop_list_product .uk-panel-teaser {
    height: 180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    margin: 0 !important;
}

/* 3. НАЗВАНИЕ: Ограничиваем высоту, чтобы не распирало карточку */
#comjshop .jshop_list_product .name.fix-height {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 70px !important;
    margin: 10px 0 !important;
    padding: 0 10px !important;
    text-align: center !important;
}

/* 4. ЦЕНЫ: Ставим друг под другом справа */
#comjshop .jshop_list_product .product_price {
    display: flex !important;
    flex-direction: column !important; /* Вертикально */
    align-items: flex-end !important;   /* Вправо */
    justify-content: center !important;
    margin-top: auto !important; /* Прижимает блок цены к нижней части (над кнопками) */
    padding: 0 15px 10px 0 !important;
    min-height: 50px !important;
}

/* Старая цена */
#comjshop .jshop_list_product .old_price {
    display: block !important;
    color: #ff0000 !important;
    text-decoration: line-through !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

/* Новая цена */
#comjshop .jshop_list_product .prod_price {
    display: block !important;
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

/* 5. КНОПКИ: Фиксируем строго внизу */
#comjshop .jshop_list_product form {
    position: absolute !important;
    bottom: 15px !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    margin: 0 !important;
}
</style>

Контакты

Омск, ул. 20-лет РККА, д.303, 2 этаж

(3812) 51-56-39

(3812) 59-45-04

Омск, ул. Омская, 221/1, офис 4, 2 этаж

(3812) 20-90-96

Омск, Строительный рынок "ЮЖНЫЙ" ул. 1-я Путевая 100, офис 25, 2 этаж

+7 (950) 335-00-31

office@otdelka55.ru

Написать WhatsApp

Связаться с консультантом

Наш телеграмм-канал

ОтделКа © 2026 Все права сохранены

Создание и продвижение сайтов: АИС-WEB

Этот сайт использует файлы Cookies для более комфортной работы пользователя. Продолжая просмотр страниц сайта, Вы подтверждаете, что согласны с использованием файлов Cookies.