Автор Тема: Смещение слайдера Prestashop  (Прочитано 778 раз)

15 Январь 2016, 22:34:44
  • Новичок
  • *
  • Сообщений: 5
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Друзья, здравствуйте!
Возникла проблема, установил шаблон Barberry, все модули настроил, но при добавлении слайдера он перелез на основной блок с категориями и информацией о сайте, нужна помощь с смещением его ниже блока с информацией и так чтобы расстояние от слайдера до баннеров было 4-6 мм.
Спасибо, буду благодарен с решением данной проблемы.
16 Январь 2016, 13:14:17
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 33325
  • Репутация: +26771/-0
    • Просмотр профиля
В админке в модуях - расположение найдите модуль слайдера в хуках и переместите его ниже других модулей.
16 Январь 2016, 15:05:58
Ответ #2
  • Новичок
  • *
  • Сообщений: 5
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Дело в том, что Блок категорий это не модуль, я пробовал, не вышло. Может посоветуете вписать HTML код?
16 Январь 2016, 15:22:40
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 16670
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Не html, а стили css поменяйте у слайдера.
16 Январь 2016, 15:30:03
Ответ #4
  • Новичок
  • *
  • Сообщений: 5
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
А как это сделать, подскажите пожалуйста :)
16 Январь 2016, 15:44:08
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 16670
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
В браузере запускаете консоль веб мастера, выделяете блок слайдера, в консоле покажет стили для этого блока. Меняете в браузере, когда сделаете как нужно перенесете изменения в файл стилей.
16 Январь 2016, 16:08:46
Ответ #6
  • Новичок
  • *
  • Сообщений: 5
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
А можно конкретный пример?

вот что у меня вышло найти

<div style="width: 1263px; backface-visibility: hidden; position: absolute; top: 0px; transform: matrix(1, 0, 0, 1, 8841, 0); background: url(&quot;/modules/tdcontentslider/banner/banner4.jpg&quot;) 50% 50% repeat scroll transparent;" data-img="dark" class="item">
<img width="1600" height="600" alt="" src="/modules/tdcontentslider/banner/banner4.jpg">
                    <div class="caption dark left">
                    <div class="container navcont">
                        <h1 class="iostitle" style="margin-left: 30px; opacity: 1;"><a href="#">The New Fragrance</a></h1>
                        <div class="clearfix"></div>
                        <div class="iostext" style="margin-left: 30px; opacity: 1;"> Donec iaculis, turpis vitae congue cursus, elit leo pretium lorem, in mollis felis dolor ac sapien. In sit amet rutrum diam. Aliquam eu diam eros. </div>
                    </div>
                </div>
            </div>
Менять top 0px сколько нужно мне для снижения слайдера?
16 Январь 2016, 16:53:09
Ответ #7
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Менять нужно стили для блока div, в котором находится слайдер.
16 Январь 2016, 17:01:53
Ответ #8
  • Новичок
  • *
  • Сообщений: 5
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
А что именно менять, я не спец в сss

element.style {
    width: 1263px;
    backface-visibility: hidden;
    position: absolute;
    top: 10px;
    transform: matrix(1, 0, 0, 1, 8841, 0);
    background: url("/modules/tdcontentslider/banner/banner4.jpg") 50% 50% repeat scroll transparent;
}
index.phpmedia="all"
.iosSlider .slider .item {
    float: left;
    width: 100%;
}
index.phpmedia="all"
body * {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: auto;
}
index.phpmedia="all"
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheetdiv {
    display: block;
}
Inherited from div.slider
Style Attribute {
    position: relative;
    backface-visibility: hidden;
    width: 5052px;
    cursor: -webkit-grab;
    transform: matrix(1, 0, 0, 1, -5052, 0);
}
index.phpmedia="all"
body * {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: auto;
}
Inherited from div.iosSlider
index.phpmedia="all"
body * {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: auto;
}
Inherited from div.slidercontainer.full-slider
index.phpmedia="all"
body * {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: auto;
}
Inherited from div.content_wrapper.four_side.shopproductlist
index.phpmedia="all"
body * {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: auto;
}
Inherited from div.entry-content
index.phpmedia="all"
body * {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: auto;
}
Inherited from article.post-44.page.type-page.status-publish.hentry
index.phpmedia="all"
body * {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: auto;
}
Inherited from div.fullwidth
index.phpmedia="all"
body * {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: auto;
}
Inherited from div#page_wrapper.fullslider_tb.fullslider
index.phpmedia="all"
body * {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: auto;
}
Inherited from div.wrapper_header.dark.header1
index.phpmedia="all"
.dark {
    color: #000;
}
index.phpmedia="all"
.dark {
    color: #333333;
}
index.phpmedia="all"
body * {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: auto;
}
Inherited from body#index.index.hide-left-column.hide-right-column.lang_ru.home.page.page-id-44.page-template.page-template-page-full-width-php.woocommerce.woocommerce-page.gecko
index.phpmedia="all"
body, table.shop_table td.product-name .variation, .posts-widget .post_meta a, .yith-woocompare-widget .products-list a.remove, .mc_input, #jckqv .woocommerce-product-rating .text-rating, #jckqv p, #jckqv .product_meta > span, #jckqv .product-actions .wishlist a {
    font-family: "PT Sans" , Arial, Helvetica, sans-serif !important;
}
index.phpmedia="all"
body {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    background: #fff;
    font-family: Tahoma, Geneva, sans-serif;
}
index.phpmedia="all"
body {
    margin: 0;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background-color: #fff;
}
Inherited from html.js.flexbox.flexboxlegacy.canvas.canvastext.no-touch.rgba.hsla.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.cssreflections.csstransforms.csstransforms3d.csstransitions.generatedcontent.video.audio
index.phpmedia="all"
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
Pseudo ::before element
index.phpmedia="all"
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
Pseudo ::after element
index.phpmedia="all"
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
16 Январь 2016, 17:42:49
Ответ #9
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
16 Январь 2016, 18:01:34
Ответ #10
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 33325
  • Репутация: +26771/-0
    • Просмотр профиля
В админке в модуях - расположение найдите модуль слайдера в хуках и переместите его ниже других модулей.
в displayTop модуль слайдера revsliderprestashop должен быть выше чем модуль меню tdmegamenu.