Описание шаблона
1. Адаптивный дизайн шаблона построен на основе framework Bootstrap 3.
2. Встроенный иконочный шрифт Awesome.
3. Множество модульных позиций. В том числе позиции с использованием эффекта Parallax.
4. Настраиваемые параметры шаблона.
5. Настраиваемые модульные позиции с использованием библиотеки mobiledetect, дают возможность тонко настроить отображение контента для мобильных устройств. В платной версии шаблона добавлена возможность полного отключения неиспользуемых модульных позиций, для уменьшения количества запросов и снижения нагрузки на сервер.
6. Встроенные анимационные эффекты. Для использования эффекта достаточно добавить нужному блоку класс animated и класс требуемого эффекта. Возможные классы: bounceIn, bounceInDown, bounceInUp, bounceInLeft, bounceInRight, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig. Примеры работы анимации.
Установка
Стандартная установка Joomla (/administrator/index.php?option=com_installer). Размер расширения 3Мб
JoomShopping Download & Support
Расширения Joomla и JoomShopping, представленные на нашем сайте, разработаны нами. Мы не воруем и не продаём чужой труд. Приобретая расширения у нас, вы получаете поддержку и сопровождение.
Все расширения на нашем сайте можно оплатить после тестирования. Для получения ссылки на скачивание расширения просто оформите заказ.
Реквизиты для оплаты:
Яндекс деньги, ЮMoney - 41001160794290,
MasterCard - 5106 2180 3412 6789,
Сбербанк - 4276 5500 2460 9425
Расширения
Комментарии
- в административной части модуля в поле "Стиль модуля" выбрать "html5" или "xhtml".
Не подскажете, почему не отображаются заголовки модулей в позиции left?
Все получилось
Спасибо огромное! Я не там правил, неверно Вас понял сперва.
Чем дальше вниз тем больше вес :)
Если один и тот же селектор (класс, id, атрибуты) имеет одинаковые свойства с разными значениями, то учитываться будет последние значение свойства у класса, который идет последним в списке. Кроме этого существует еще и приоритет стилей
Внешние стили: 1 (низкий приоритет)
Внутренние стили: 2 (высокий приоритет)
Строковые стили: 3 (босс)
Ну, и конечно же наследование стилей тоже очень важно. Пример с tooltitl, который у вас почему-то не заработал. Видимо что-то вы сделали неправильно. Надо так http://pastenow.ru/102EC
А можно уточнить, что Вы имеете ввиду?
Код:
.breadcrumb {
margin: 0;
border: 0.5px solid #eee;
padding: 3px 5px !important;
}
.breadcrumb .moduletable {
margin: 0;
}
.moduletable ul.breadcrumb {
padding: 8px 0px 0px;
}
.breadcrumb > li > .divider {
margin-right: 0;
padding: 0 2px;
color: #999;
}
.breadcrumb > li > .divider.icon-location {
display: none;
}
.breadcrumb > li + li:before {
content: none;
}
.breadcrumb > .active {
color: #333;
}
#breadcrumb .moduletable,
#breadcrumb div[class^="moduletable-"],
#breadcrumb div[class*=" moduletable-"] {
font-size: 14px;
margin: 14px 0px 0px;
}
#breadcrumb .moduletable img,
#breadcrumb div[class^="moduletable-"] img,
#breadcrumb div[class*=" moduletable-"] img {
display: none;
}
/*/// mobile ///*/
@media (max-width: 768px) {
#breadcrumb .moduletable,
#breadcrumb div[class^="moduletable-"],
#breadcrumb div[class*=" moduletable-"] {
margin-top: 12px;
margin-bottom: 0;
}
}
Код:
<!-- BREADCRUMBS -->
<div class="breadcrumb-br">
<div class="container">
<?php if ($this->countModules('breadcrumbs')) { ?>
<div class="breadcrumb">
<div class="container-fluid">
<div class="row-fluid">
<div id="breadcrumbs" class="span12">
<jdoc:include type="modules" name="breadcrumbs" style="fav" />
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
во всех файлах: bslayot, component, desktop, mobile, tablet перед
Код:
<!-- Begin Main Content + sidebar-->В templateDetails.xml прописал breadcrumbs перед Код:
<position>left</position>Классы немного переименовал от бутстраповских только, точнее добавил еще одну обертку под себя.
Спасибо Вам за помощь и советы. У меня опыта не так много, к сожалению... Периодически приходится заниматься основными делами, не связанными с веб-дизайном и програмированием...
Кстати, последний совет не особо помог... Буду разбираться
Да почему же не выход... Добавьте id докбара
#fixbar [data-tooltip],
#fixbar .tooltip {
position: relative;
cursor: pointer;
}
P.S. Если собираете CSS в один, не забывайте про иерархию
В моем случае, при такой установке, картинки в статьях начинают отображаться некорректно... сами уменьшаются... видимо, тоже где-то накладка происходит... пока стараюсь все файлы css собрать в один, ошибки еще остаются
Если убрать релевантное позиционирование, всплывающие подсказки докбара начинают работать неправильно - всплывают в одном месте, поэтому это не выход. К тому же, до обновления этой проблемы не было...
max-width: 100%;
}
всё прекрасно работает, ничего никуда не уползает.
Кнопки уползают из-за файла http://pipecity.ru/t/modules/mod_jshopping_shopdockbar/css/default.css
А конкретнее из-за того, что tooltip задано релеватное позиционирвание
Код:
[data-tooltip],
.tooltip {
position: relative;
cursor: pointer;
}
уберите position: relative;
В моем случае, при такой установке, картинки в статьях начинают отображаться некорректно... сами уменьшаются... видимо, тоже где-то накладка происходит... пока стараюсь все файлы css собрать в один, ошибки еще остаются
С картинками в карточке вы что-то намудрили. Если вернуть как было, т.е. убрать добавленный класс, и вернуть img {
max-width: 100%;
}
всё прекрасно работает, ничего никуда не уползает.
Кнопки уползают из-за файла http://pipecity.ru/t/modules/mod_jshopping_shopdockbar/css/default.css
А конкретнее из-за того, что tooltip задано релеватное позиционирвание
Код:
[data-tooltip],
.tooltip {
position: relative;
cursor: pointer;
}
уберите position: relative;
Не могли бы Вы посмотреть и подсказать, где копать? Не могу никак найти причину...
http://pipecity.ru/t/shop/chugunnye-truby-vchshg/truba-vchshg-tajton/truba-vchshg-du-100-tajton
Кнопки + и - тоже поползли, пришлось добавить ширину = авто, сразу встали на место.
P.S. Кстати, в карточке товара пришлось добавить в класс основной картинки параметры из класса картинки сиска товаров, а также ширину поставить на auto, иначе картинка в карточке выводится на максимальную ширину и вылезает в описание...
А в классе img пришлось также добавить ширину = авто, иначе в статьях картинки сжимались до минимальных размеров...
Возможно, это особенность моего сайта, не заню, учитывая, что есть дополнительные модули
Спасибо большое!
Да.
RSS лента комментариев этой записи