#1
Отправлено 25 Июнь 2015 - 13:15
Установил слайдер вот: http://karapuzz.storeland.ru/
Хотел бы вытянуть его по всей длине , что бы каталог товаров оставался под ним и убрать точки слайдов.
#2
Отправлено 26 Июнь 2015 - 18:06
karapuzz (25 Июнь 2015 - 13:15) писал:
Установил слайдер вот: http://karapuzz.storeland.ru/
Хотел бы вытянуть его по всей длине , что бы каталог товаров оставался под ним и убрать точки слайдов.
Здравствуйте.
В шаблон main.css добавьте данный код:
.theme-default { width: 132%; }
Далее там же найдите вот этот код:
ul.leftmenu { margin-right: 20px; margin-left: 20px; }
И замените его вот этим вот кодом:
ul.leftmenu { margin-right: 20px; margin-left: 20px; margin-top: 350px; }
#3
Отправлено 26 Июнь 2015 - 19:01
RayLi (26 Июнь 2015 - 18:06) писал:
В шаблон main.css добавьте данный код:
.theme-default { width: 132%; }
Далее там же найдите вот этот код:
ul.leftmenu { margin-right: 20px; margin-left: 20px; }
И замените его вот этим вот кодом:
ul.leftmenu { margin-right: 20px; margin-left: 20px; margin-top: 350px; }
и кнопки с низу можно было бы тоже убрать если это возможно, что бы надпись :
KARAPUZZ.NET "ВСЁ ДЛЯ МАЛЫШЕЙ" была на уровне с каталогом товаров.
#4
Отправлено 26 Июнь 2015 - 19:29
karapuzz (26 Июнь 2015 - 19:01) писал:
и кнопки с низу можно было бы тоже убрать если это возможно, что бы надпись :
KARAPUZZ.NET "ВСЁ ДЛЯ МАЛЫШЕЙ" была на уровне с каталогом товаров.
Попробуйте сделать следующее:
В шаблоне nyvo2.css найдите данный код:
media="screen" .theme-default .nivo-controlNav { text-align: center; padding: 20px 0; }
И замените его вот этим вот кодом:
media="screen" .theme-default .nivo-controlNav { text-align: center; padding: 20px 0; display: none; }
Далее в шаблоне nyvo2.css найдите вот этот вот код:
media="screen" .theme-default .nivo-directionNav a { display: block; width: 50px; height: 50px; background: url("{ASSETS_IMAGES_PATH}nyvo_arrows.png") no-repeat; text-indent: -9999px; border: 0; margin: -13px 0 0; }
И замените его этим вот кодом:
media="screen" .theme-default .nivo-directionNav a { display: block; width: 50px; height: 50px; background: url("{ASSETS_IMAGES_PATH}nyvo_arrows.png") no-repeat; text-indent: -9999px; border: 0; margin: -13px 0 0; display: none; }
#5
Отправлено 26 Июнь 2015 - 19:38
#6
Отправлено 26 Июнь 2015 - 19:56
karapuzz (26 Июнь 2015 - 19:38) писал:
Для начала вам нужно отменить последние свои изменения, так как вы не правильно установили коды по инструкции, что повлекло ряд ошибок на вашем сайте.
Что касается местонахождения требуемых вам кодов, то вот их местоположение:
Первый нужный вам код находится в шаблоне nyvo2.css на 140-й строке.
А второй код находится на в том же шаблоне на 158-й строке.
Проверьте, пожалуйста.
#8
Отправлено 26 Июнь 2015 - 20:42
karapuzz (26 Июнь 2015 - 20:30) писал:
и ещё можно закруглить углы слайдера ?
В шаблоне nyvo2.css найдите следующий код:
.theme-default .nivoSlider { position: relative; background: #fff url("{ASSETS_IMAGES_PATH}nyvo_loading.gif") no-repeat 50% 50%; margin-bottom: 50px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }
И замените его вот этим вот кодом:
.theme-default .nivoSlider { position: relative; background: #fff url("{ASSETS_IMAGES_PATH}nyvo_loading.gif") no-repeat 50% 50%; margin-bottom: 50px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; border-radius: 25px; }
#10
Отправлено 27 Июнь 2015 - 11:20
karapuzz (27 Июнь 2015 - 10:32) писал:
Здравствуйте.
В шаблоне main.css найдите, пожалуйста, следующий код:
.page-headline { height: 81px; position: relative; }
И замените его вот этим вот кодом:
.page-headline { height: 81px; position: relative; margin-top: -55px; margin-left: 10%; }
#12
Отправлено 27 Июнь 2015 - 15:12
karapuzz (27 Июнь 2015 - 14:55) писал:
1. Поднять Инфо окно с каталогами на главной на уровне первой категории в каталоге.
2.Поднять каталог товаров в выборе подгатегорий и товаров.
В шаблоне main.css найдите данный код:
.page-headline { height: 81px; position: relative; margin-top: -55px; margin-left: 10%; }
И замените его вот этим вот кодом:
.page-headline { position: relative; margin-top: -55px; margin-left: 10%; }
Далее в шаблоне html найдите вот этот вот код:
<!-- контент --> <div class="container" id="cpages"> <div class="content_page"> <table> <tr> <td class="content_body cont700"> <!-- Слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show(); }); </script> {% ENDIF %} {BODY} <!-- Всевозможные списки товаров -->
И замените его вот этим вот кодом:
<!-- контент --> <div class="container" id="cpages"> <div class="content_page"> <!-- Слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show(); }); </script> {% ENDIF %} {BODY} <table> <tr> <td class="content_body cont700"> <!-- Всевозможные списки товаров -->
#13
Отправлено 27 Июнь 2015 - 15:41
http://karapuzz.storeland.ru/
http://karapuzz.stor...zniki-i-trusiki
#14
Отправлено 27 Июнь 2015 - 16:20
karapuzz (27 Июнь 2015 - 15:41) писал:
http://karapuzz.storeland.ru/
http://karapuzz.stor...zniki-i-trusiki
К сожалению у вас было допущена ошибка и получилось два слайдера, вместо одного.
Выполните, пожалуйста, следующую инструкцию, чтобы исправить данную проблему:
В шаблоне html найдите данный код:
<!-- контент --> <div class="container" id="cpages"> <div class="content_page"> <!-- Слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show(); }); </script> {% ENDIF %} {BODY} <table> <tr> <td class="content_body cont700"> <div class="content_page"> <table> <tr> <td class="content_body cont700"> <!-- Слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show(); }); </script> {% ENDIF %} {BODY} <!-- Всевозможные списки товаров -->
И замените его вот этим вот кодом:
<!-- контент --> <div class="container" id="cpages"> <div class="content_page"> <!-- Слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show(); }); </script> {% ENDIF %} <table> <tr> <td class="content_body cont700"> <div class="content_page"> <table> <tr> <td class="content_body cont700"> {BODY} <!-- Всевозможные списки товаров -->
#15
Отправлено 29 Июнь 2015 - 17:19
RayLi (27 Июнь 2015 - 16:20) писал:
Выполните, пожалуйста, следующую инструкцию, чтобы исправить данную проблему:
В шаблоне html найдите данный код:
<!-- контент --> <div class="container" id="cpages"> <div class="content_page"> <!-- Слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show(); }); </script> {% ENDIF %} {BODY} <table> <tr> <td class="content_body cont700"> <div class="content_page"> <table> <tr> <td class="content_body cont700"> <!-- Слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show(); }); </script> {% ENDIF %} {BODY} <!-- Всевозможные списки товаров -->
И замените его вот этим вот кодом:
<!-- контент --> <div class="container" id="cpages"> <div class="content_page"> <!-- Слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show(); }); </script> {% ENDIF %} <table> <tr> <td class="content_body cont700"> <div class="content_page"> <table> <tr> <td class="content_body cont700"> {BODY} <!-- Всевозможные списки товаров -->
Вот это можно исправить ?
Такой отступ каталога , на всех страничках кроме главной там слайдер..
#16
Отправлено 29 Июнь 2015 - 18:18
karapuzz (29 Июнь 2015 - 17:19) писал:
Такой отступ каталога , на всех страничках кроме главной там слайдер..
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<ul class="leftmenu"> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul>
Замените его на:
<ul class="leftmenu"> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul class="leftmenu" {% IFNOT index_page %} style="margin-top: 0;" {% ENDIF %}>
#17
Отправлено 29 Июнь 2015 - 18:40
Cupuyc (29 Июнь 2015 - 18:18) писал:
<ul class="leftmenu"> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul>
Замените его на:
<ul class="leftmenu"> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul class="leftmenu" {% IFNOT index_page %} style="margin-top: 0;" {% ENDIF %}>
вот что вышло после замены , смотрите главную , на других страничках так же нет изменений..
#18
Отправлено 29 Июнь 2015 - 18:48
karapuzz (29 Июнь 2015 - 18:40) писал:
вот что вышло после замены , смотрите главную , на других страничках так же нет изменений..
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<ul class="leftmenu"> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul class="leftmenu" {% IFNOT index_page %} style="margin-top: 0;" {% ENDIF %}>
Замените его на:
<ul class="leftmenu" {% IFNOT index_page %} style="margin-top: 0;" {% ENDIF %}> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul>
#19
Отправлено 30 Июнь 2015 - 13:38
Cupuyc (29 Июнь 2015 - 18:48) писал:
<ul class="leftmenu"> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul class="leftmenu" {% IFNOT index_page %} style="margin-top: 0;" {% ENDIF %}>
Замените его на:
<ul class="leftmenu" {% IFNOT index_page %} style="margin-top: 0;" {% ENDIF %}> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных