Срочно Помогите Сместить Блоки
#1
Отправлено 30 Июль 2013 - 13:49
1)То что выделено зелёным, что это? Как исправить?
2)То что выделено красным надо переместить вниз влево под блоки "сравнить товары", что бы пустота которая выделена жёлтым оказалась справа!
Заранее благодарен!
#2
Отправлено 30 Июль 2013 - 19:54
Roman(GRR) (30 Июль 2013 - 13:49) писал:
1)То что выделено зелёным, что это? Как исправить?
2)То что выделено красным надо переместить вниз влево под блоки "сравнить товары", что бы пустота которая выделена жёлтым оказалась справа!
Заранее благодарен!
1. Данную ошибку видят только администраторы магазина, Ваши клиенты ее не видят (можете проверить с другого браузера, где Вы не авторизованы).
Вы ставили слайдер и забыли в шаблоне HTML после
<!-- Скрипты магазина --> <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>поставить
<!-- Загрузка Jquery галереии Nyvo Slider --> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" /> <script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>и ошибка должна пропасть
2. каким образом Вы хотите перенести блок "интересные предложения"? В виде галереи, где по одному товару будут они и с какой-то переиодичностью перелистываться? Или все товары должны идти столбиком без галереи и слайдеров?
#3
Отправлено 31 Июль 2013 - 06:56
<!-- Загрузка Jquery галереии Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
2) Я хочу что бы на месте слайдера осталось пустое место! Т.е. как бы страница начиналась ниже блоков левого меню и при этом товары отображались также только слева, что бы пустое место было справа. Выше на скрине жёлтым выделено! А потом там где стоял слайдер, поставить картинку с акцией и счётчик!
#4
Отправлено 31 Июль 2013 - 08:58
Roman(GRR) (31 Июль 2013 - 06:56) писал:
<!-- Загрузка Jquery галереии Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
2) Я хочу что бы на месте слайдера осталось пустое место! Т.е. как бы страница начиналась ниже блоков левого меню и при этом товары отображались также только слева, что бы пустое место было справа. Выше на скрине жёлтым выделено! А потом там где стоял слайдер, поставить картинку с акцией и счётчик!
1) Чтобы до конца удалить слайдер, Вам нужно в шаблоне HTML найти код:
<!-- Слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href="#"><img src="http://bigb.storeland.net/slider2.jpg?4539"/></a> <a href="http://bigb.storeland.ru/goods/gr80215krem-Sumka-zhenskaya"><img src="http://bigb.storeland.net/slider5.jpg?8156"/></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show(); }); </script> {% ENDIF %}и удалить его
2) Вы не ответили на вопрос каким образом нужно, чтобы отображался бок Интересные предложения. Поэтому пока не особо понятно как должно выглядеть в результате
#5
Отправлено 31 Июль 2013 - 12:50
2)Этот блок должен просто сдвинуться влево без изменений, он должен быть таким же только что бы пустота была справа от него, а не слева!
Вот как на втором скрине! Товары слева, а отзывы справа, вот мне также надо!!!
Надеюсь что вы поняли)
#6
Отправлено 31 Июль 2013 - 12:58
#7
Отправлено 31 Июль 2013 - 14:38
Roman(GRR) (31 Июль 2013 - 12:50) писал:
2)Этот блок должен просто сдвинуться влево без изменений, он должен быть таким же только что бы пустота была справа от него, а не слева!
Вот как на втором скрине! Товары слева, а отзывы справа, вот мне также надо!!!
Надеюсь что вы поняли)
Можете воспользоваться кодом HTML из файла в приложении, заменив им содержимое шаблона HTML. И в шаблоне main.css код
ul.leftmenu { margin-right: -10px; margin-left: -10px; }замените на
ul.leftmenu { margin-right: -10px; margin-left: -10px; width: 200px; }Однако, если появится блок просмотренных товаров, если добавите новые категории товаров, добавите новости и статьи, список товаров на главной будет спускаться все ниже и ниже, оставляя все больше пустого места справа сверху (которое отведено под баннер, как я понял).
Roman(GRR) (31 Июль 2013 - 12:58) писал:
Прикрепленные файлы
#8
Отправлено 01 Август 2013 - 11:11
Я хочу что бы у меня сайт получился вот таким(см. скрин)
1)Меню сделать горизонтальным(выделено черным), сделать побольше размер что бы было заметным
2) Под меню сделать картинку и прямо на ней счётчик(выделено зелёным)
3)сравнение товара убрать совсем, блок "вы смотрели"(выделено оранжевым) перенести вправо вверх и сделать что бы там показывалось не больше 5 товаров.
4)Сделать такой блок отзывы(выделено синим), сразу по блоком "вы смотрели"
Заранее благодарен!
#9
Отправлено 01 Август 2013 - 11:34
Так же в файле main.css найдите блок
.leftmenu li li { display:inline;и замените его на
.leftmenu li li { display:inline-table;И там же найдите блок
.leftmenu li li a { display: block; padding: 5px 10px; font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999999; text-decoration: none; }и замените его на
.leftmenu li li a { display: block; padding: 5px 10px; font: normal 22px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999999; text-decoration: none; }2. Вы имеете ввиду таймер обратного отсчета для акции?
4. К сожалению, отзывы нельзя вывести все в одном месте.
Прикрепленные файлы
#10
Отправлено 01 Август 2013 - 15:06
#11
Отправлено 01 Август 2013 - 17:25
( советую выбрать самый последний, так как он менее массивно выглядит нежели остальные) Система Вам предоставит скрипт, который Вам нужно будет вставить в этот блок
<div style="background: url( ссылка на картинку ) no-repeat;">заместо этого текста вставьте скрипт</div>Картинку загрузите в разделе Сайт-> Редактор шаблонов-> Добавить файлы,скопируйте ссылку на нее и тоже вставьте в этот блок. Сам блок необходимо вставить в шаблоне HTML в после блока
<ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="cat-item"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> <div></div> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul></div><br /> </li></ul>Это уже для нового кода шаблона HTML( присланного мною Вам выше).
#12
Отправлено 02 Август 2013 - 10:16
надо внести изменения:
1)Меню надо сделать горизонтальным(выделено зелёным) и как то его выделить рамочкой можно, как вот я выделил в paint.
2)Блок "вы смотрели"(выделено красным) сместить вправо и немного вверх, и тоже надо как то выделить на белом фоне! Может рамочкой какой нибудь или (как страница) эффектом тени, ну вообщем что-то такое.
3)Сделать "Отзывы" но можно не блоком, а картинкой которую я сделаю в paint, и туда её вставить что бы как отзывы выглядело.
Ещё раз спасибо что помогаете!
#13
Отправлено 02 Август 2013 - 15:28
Далее
1. добавьте в конец файла main.css код
.sdvig { width: 400px; line-height: 50px; padding-left: 15px;}
2. добавьте в конец файла main.css код
.pad-box .leftmenu .categories {display:none;}
и код
.content_catalog .pad-box .leftmenu { border: 1px solid #E5E5E5 !important; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 5px;}
3. что бы вставить картинку под блоком "Вы смотрели" Вам необходимо в файле html найти код
<!-- Каталог --> <div class="pad-box"> <ul class="leftmenu"> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="cat-item"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <br /> </li>
и заменить на код
<!-- Каталог --> <div class="pad-box"> <ul class="leftmenu"> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="cat-item"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <div id="otzyv"><img src="{ASSETS_IMAGES_PATH}тут имя вашего файла.jpg"></div><br /> </li>
далее в файле main.css Добавить код
#otzyv { border: 1px solid #E5E5E5 !important; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 5px; margin-top: 20px;}
#14
Отправлено 02 Август 2013 - 19:40
1)Мне надо что бы меню было не вертикальным, не столбиком, а горизонтальным т.е. шли друг за другом, а не друг под другом!!!
2)Блок"Вы смотрели" сместить вправо, сто бы от страницы оставалось 7px
3) Надо всю страницу сместить вниз на 30px, что бы у меня для шапки места было больше!
#15
Отправлено 03 Август 2013 - 00:35
ul.leftmenu { margin-left: -10px; margin-right: -10px; width: 200px; }
и замените на
ul.leftmenu { margin-left: -10px; margin-right: -10px; }
далее найдите
.sdvig { line-height: 50px; padding-left: 15px; width: 400px; }
и замените на
.sdvig { line-height: 50px; padding-left: 15px; }
далее найдите
.content_page { background: url("http://bigb.storeland.net/content-page-br.gif") no-repeat scroll 710px 68px transparent; overflow: hidden; padding-bottom: 2em; }
и замените на
.content_page { background: url("http://bigb.storeland.net/content-page-br.gif") no-repeat scroll 710px 68px transparent; padding-bottom: 2em; }
далее добавьте
.content_catalog .pad-box .leftmenu { margin-left: 0; margin-right: -20px; }
3) Вы хотите опустить страницу после меню? Если нет, то у вас в шапке вставлено изображение меню, и если сместить вместе с меню, то изображение будет выше чем пункты. Если вы в последствии измените и само изображение шапки перенеся изображение меню, то можете в файл стилей main.css добавить
#header { height: 255px; }
где 255px это ваш текущий размер шапки.
#16
Отправлено 05 Август 2013 - 10:51
Может можно что нибудь придумать с отзывами??? А то картинка не выход! А отзывы нужны!
#17
Отправлено 06 Август 2013 - 00:35
<div id="otzyv"><img src="{ASSETS_IMAGES_PATH}тут имя вашего файла.jpg"></div><br />
использовать
<div id="otzyv"> <ul> <li>Текст отзыва 1</li> <li>Текст отзыва 2</li> <li>Текст отзыва 3</li> </ul> </div><br />
или аналогичное форматирование. Так же вы можете реализовать отзывы как обсуждалось в следующей теме форума http://forum.storela...ервой-странице/
#18
Отправлено 07 Август 2013 - 13:40
Taisia (02 Август 2013 - 15:28) писал:
Далее
1. добавьте в конец файла main.css код
.sdvig { width: 400px; line-height: 50px; padding-left: 15px;}
2. добавьте в конец файла main.css код
.pad-box .leftmenu .categories {display:none;}
и код
.content_catalog .pad-box .leftmenu { border: 1px solid #E5E5E5 !important; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 5px;}
3. что бы вставить картинку под блоком "Вы смотрели" Вам необходимо в файле html найти код
<!-- Каталог --> <div class="pad-box"> <ul class="leftmenu"> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="cat-item"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <br /> </li>
и заменить на код
<!-- Каталог --> <div class="pad-box"> <ul class="leftmenu"> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="cat-item"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <div id="otzyv"><img src="{ASSETS_IMAGES_PATH}тут имя вашего файла.jpg"></div><br /> </li>
далее в файле main.css Добавить код
#otzyv { border: 1px solid #E5E5E5 !important; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 5px; margin-top: 20px;}
Вот по пункту 3, я сделал но у меня картинка получилась не под блоком "Вы смотрели"
Тот код что нужно заменить в файле html, он у меня почему то разделён и одна часть находится вверху, а вторая внизу файла html.
<!-- Каталог -->
<div class="pad-box">
<ul class="leftmenu">
<li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
<ul>
Стоит на строке 351
А
{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li class="cat-item">
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul> <br />
</li>
На строке 189.
И если заменять эти файлы по отдельности, то получается вот что!(смотреть скрин)
Надо перенести его под блок "Вы смотрели" и сделать такого же размера, что бы даже если я картинку большего размера вставлял, а она всё равно обрезалась до такого размера!
Заранее благодарен!
#19
Отправлено 07 Август 2013 - 13:53
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных