Корзина

16

_JSHOP_ITEM	_JSHOP_SINGLEPRICE	_JSHOP_NUMBER	_JSHOP_PRICE_TOTAL	_JSHOP_REMOVE
Профилированный лист "СуперМонтеррей"	0,00 р.		0,00 р.
ISOPROF БЛОК 45 (1200х600х 50 х6) 4,32м2/ 0,216м3	0,00 р.		0,00 р.
Саморез кровельный 5,5х76 Zn (уп. 80 шт.)	0,00 р.		0,00 р.
Металлочерепица МОНТЕРРОСА / Премьер	0,00 р.		0,00 р.
Набор бит №4 Ph2хPh2-Ph1xPh3 - 50мм (2шт/карта) Quadro Torsion	77,00 р.		77,00 р.
Рулетка 7,5м х 25мм магнитная с автостопом МОНТАЖНИК	296,00 р.		296,00 р.
Бита Ph2 - 50мм 1/4 E6.3 (10шт.) Quadro Torsion	0,00 р.		0,00 р.
Гидроизоляция Изоспан А (70м2)	4 337,00 р.		4 337,00 р.
Поликарбонат сотовый Multigreen БНП (2100х6000)	0,00 р.		0,00 р.
Дюбель ИЗО 10х120 черный	3,00 р.		3,00 р.
Аляска (угол универсальный для панелей МДФ)	310,00 р.		310,00 р.
Саморез кровельный 5,5х32 ПЭ	0,00 р.		0,00 р.
Металлочерепица ЛАМОНТЕРРА Х / Puretan	0,00 р.		0,00 р.
Рукавицы х/б с ПВХ наладонником	24,00 р.		24,00 р.
Диск пильный по дереву 210х56х30 Pilorama	353,00 р.		353,00 р.
OSB-3 (2500х1250х18)	1 790,00 р.		1 790,00 р.

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

_JSHOP_PRICE_TOTAL: 7 190,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.