Корзина

18

_JSHOP_SELECT_PRODUCT_OPTIONS

_JSHOP_ITEM	_JSHOP_SINGLEPRICE	_JSHOP_NUMBER	_JSHOP_PRICE_TOTAL	_JSHOP_REMOVE
Диск пильный по дереву 235х36х30 Pilorama	353,00 р.		353,00 р.
Арматура 16 А500С	0,00 р.		0,00 р.
Крепёжный кляммер завершающий 37х10, 1,2 мм НЕРЖ	0,00 р.		0,00 р.
Графит XPS GR CLASS CS, (1180х580х50мм) 0,6844 м2/0,03422 м3 (уп. 8 шт.)	235,00 р.		235,00 р.
Дюбель NT 6х40 Чапай (1000шт.) 100/500/1000	1,00 р.		1,00 р.
Саморез универс. SG 4,0 х 70	1,00 р.		1,00 р.
POLYNOR - ППУ Система напыления	640,00 р.		640,00 р.
Сайдинг ЁLLKA 205х3000 / 0,615 / уп.18/ Белый цвет	240,00 р.		240,00 р.
Саморез кровельный 5,5х19 Zn (уп. 250 шт.)	1,00 р.		1,00 р.
Профнастил С-8 /Zn / Rt	0,00 р.		0,00 р.
Саморез 3,5х32 СГМ 100	0,00 р.		0,00 р.
Изоспан FS (70 м2)	63,00 р.		63,00 р.
Металлочерепица МОНТЕРРОСА МП / Премиум	0,00 р.		0,00 р.
Фильтр для конькового аэратора	0,00 р.		0,00 р.
Уголок крепёжный унив. перф. ОЦ ( 40х 40х 40х 2,0)	0,00 р.		0,00 р.
Профнастил С-21 / ПЭ-0,65	0,00 р.		0,00 р.
Графит XPS GR CLASS CS, (1180х580х30) 0,6844 м2/0,020532 м3 (уп. 14шт.)	0,00 р.		0,00 р.
Лофт светлый (панель МДФ 2700х240х6: уп.8)	345,00 р.		345,00 р.

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

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