Сообщений в теме: 6

[polyakov2004]

Возникла проблема при выводе слайдера в карточке товара, положения картинки left,  в результате миниатюры под основным фото наплывают друг на друга.  пытался внести изменения через свой ccs но по умолчанию используется libraries.css
вопрос
1 как миниатюры сделать нормальными не по левому краю.
2.как использовать свой ccs вместо libraries.css для редактирования /* nivolider */

[Sliapy]

1. Нужна ссылка на сайт.
2. Любые компонентов, модулей и т.д. можно переопределять просто в CSS-файле своего шаблона для Joomla.

[polyakov2004]

1, http://test.vmorskom...oj-dom-serdolik
2 -е подскажите как сделать.

[Sliapy]

.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
    background: none repeat scroll 0 center transparent;
    display: block;
    float: left;
    height: 40px;
    margin-bottom: 5px;
    margin-left: 10px;
    overflow: hidden;
    width: 40px;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    height: auto;
    width: 40px;
}

Это сделает тамбнейлы более менее человеческого вида. Глюки с размером основного изображения могут быть из-за того, что позиция не предназанчаена для вывода слайдера. Ради интереса попробуйте вывести слайдер в другую позицию.

2. Просто прописываете нужные стили в своем шаблоне.

[polyakov2004]

сделал так в full

<?php if ($this->checkPosition('image')) : ?>
       		<div class="foto">
            <?php echo $this->renderPosition('image'); ?>
        </div>
		
    <?php endif; ?>

в ccs

.foto {
width: 30%;
   float: left;
    margin-right: .5em;
    margin-bottom: 0em;
}

и

.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
    background: none repeat scroll 0 center transparent;
    display: block;
    float: left;
    height: 40px;
    margin-bottom: 5px;
    margin-left: 10px;
    overflow: hidden;
    width: 40px;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    height: auto;
    width: 40px;
}

в итоге галерея в нужно месте и нужного размер, но мой(ваш) стиль размера миниатюр не сработал.
в чем может быть причина?

[Sliapy]

Тогда сделайте так

.foto .theme-default .nivo-controlNav.nivo-thumbs-enabled a {
    background: none repeat scroll 0 center transparent;
    display: block;
    float: left;
    height: 40px;
    margin-bottom: 5px;
    margin-left: 10px;
    overflow: hidden;
    width: 40px;
}

.foto .theme-default .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    height: auto;
    width: 40px;
}

[polyakov2004]

спасибо Sliapy, помогло.
тему можно закрыть.