Mayklis

Уже установил, Вариант два подошел! В первой, в мобильной версии, после нажатия на категорию, страница перезагружалась. А так, решено! Спасибо!

обновлял все, модификаторы(когда устанавливаю или удаляю), и в браузере компа и на телефоне, установлены приложения которые очищают кеш

Удалял class="dropdown-toggle" data-toggle="dropdown", заменял dropdown на modal, работало, НО с мобильной версией не можно зайти в подкатегории, сразу заходит по ссылке категории, долго не могу найти решение. Как сделать так чтобы и с мобили заходить и видеть подкатегории и с компа работала ссылка категорий. Сайт: rizono.com

???

Такой вариант не подходит!

Пробовал разные варианты, много вариантов, но либо не работают, либо с версией ocstore не устанавливаються. Версия ocStore 2.3.0.2.3. Ссылка на пример товара: http://rizono.com/index.php?route=product/product&path=20&product_id=50 Id примерного атрибута: 3 Кусок кода который я думаю понадобиться: <div class="tab-content"> <div class="tab-pane active" id="tab-description"><?php echo $description; ?></div> <?php if ($attribute_groups) { ?> <div class="tab-pane" id="tab-specification"> <table class="table table-bordered"> <?php foreach ($attribute_groups as $attribute_group) { ?> <thead> <tr> <td colspan="2"><strong><?php echo $attribute_group['name']; ?></strong></td> </tr> </thead> <tbody> <?php foreach ($attribute_group['attribute'] as $attribute) { ?> <tr> <td><?php echo $attribute['name']; ?></td> <td><?php echo $attribute['text']; ?></td> </tr> <?php } ?> </tbody> <?php } ?> </table> </div>

Да, я поменял на 80px., думал это другой элемент. Теперь решено, greendragon спасибо! Взял любое фото, экспериментировал разные варианты решения, думал в разрешении фото проблема.

Не знаю что могло повлиять. В админке, в модуле Слайдшоу настроенная большая высота. Сайт: rizono.com

Решено! Спасибо!

Отдельный код кнопки создан и работает, только нужно создать hover для нее, пропобовал по-разному, не получаеться. Сайт: Rizono.com Код: .product-thumb .button-group button:nth-child(1) { background-image: linear-gradient(to bottom, #41d060, #2c9f45); color: white; background-repeat: repeat-x; border-color: #dddddd #dddddd #b3b3b3 #b7b7b7; text-shadow: 0 -1px 0 rgba(0,0,0,.3); } Полный код: .product-thumb .button-group button { width: 60%; border: none; display: inline-block; float: left; background-color: #eee; color: #888; line-height: 38px; font-weight: bold; text-align: center; text-transform: uppercase; } .product-thumb .button-group button:nth-child(1) { background-image: linear-gradient(to bottom, #41d060, #2c9f45); color: white; background-repeat: repeat-x; border-color: #dddddd #dddddd #b3b3b3 #b7b7b7; text-shadow: 0 -1px 0 rgba(0,0,0,.3); } .product-thumb .button-group button + button { width: 20%; border-left: 1px solid #ddd; } .product-thumb .button-group button:hover { color: #dddddd; background-color: #ddd; text-decoration: none; cursor: pointer; border-color: #dddddd #dddddd #b3b3b3 #b7b7b7; }

Сработало! Еще нужно было очистить кэш браузера. Спасибо всем!

Зафиксировал шапку сайта но нижний блок сайта пошол по нее, как ее пидвинуть вниз чтобы было видно содержимое(логотип, поиск, корзина)(на фото содержимое под шапкой). Пробовал разные варианты, з header, з margin-top, не меняеться. Сайт: rizono.com Код фиксации: /* top */ #top { background-color: #EEEEEE; border-bottom: 1px solid #e2e2e2; padding: 4px 0px 3px 0; margin: 0 0 20px 0; min-height: 40px; position: fixed; z-index: 1000; width:100%; top:0; left:0; } #header { margin-top: 150px; }

Да, это оно, я видел это и думал все Ок, удалил всю строку(была пуста) и заработало. Большое спасибо Maklaosdelay и все кто участвовал!

Добавил, но работает только на первой и третей кнопке(делал пример других кнопок также само было(брало первую и последнюю)) Также нужно вставить hover, еще не експерементировал где, в бутрустрап или стайлшит ставить? сылка на кнопки(дефолтна тема): http://rizono.com/hewlett-packard Взял часть кода где вставил разделители: .product-thumb .button-group { border-top: 1px solid #ddd; background-color: #eee; overflow: auto; } .product-list .product-thumb .button-group { border-left: 1px solid #ddd; } @media (max-width: 768px) { .product-list .product-thumb .button-group { border-left: none; } } .product-thumb .button-group button { width: 60%; border: none; display: inline-block; float: left; background-color: #eee; color: #888; line-height: 38px; font-weight: bold; text-align: center; text-transform: uppercase; } .product-thumb .button-group button:nth-child(1) { background-color: green; color: white; } .product-thumb .button-group button:nth-child(2) { background-color: red; } .product-thumb .button-group button:nth-child(3) { background-color: blue; } .product-thumb .button-group button + button { width: 20%; border-left: 1px solid #ddd; } .product-thumb .button-group button:hover { color: #444; background-color: #ddd; text-decoration: none; cursor: pointer; } @media (max-width: 1200px) { .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } } @media (max-width: 767px) { .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } }

Знаю как поменять цвет на все кнопки вместе, но как разделить и поменять по отдельности? В коде пишет про групы кнопок .product-thumb .button-group button { width: 60%; border: none; display: inline-block; float: left; background-color: #eee; color: #888; line-height: 38px; font-weight: bold; text-align: center; text-transform: uppercase;