Всплывающее Окно
#41
Отправлено 20 Апрель 2016 - 16:03
1) как добавить строчку между иконками достоинств и товарами над ними, например надпись "Наши преимущества" и что бы можно было менять ее цвет?
2) как сделать расстояние чуть побольше между иконками достоинств и нижней надписью интернет магазин?
3) как в подвале сайта сделать ссылки под "каталог мебели" на мебель для кухни,мебель для спальни,мебель для прихожей и мебель для учебы и работы?
4) можно ли поменять весь задний белый фон на какой нибудь другой?
#42
Отправлено 20 Апрель 2016 - 16:47
Mamba (20 Апрель 2016 - 16:03) писал:
1) как добавить строчку между иконками достоинств и товарами над ними, например надпись "Наши преимущества" и что бы можно было менять ее цвет?
2) как сделать расстояние чуть побольше между иконками достоинств и нижней надписью интернет магазин?
3) как в подвале сайта сделать ссылки под "каталог мебели" на мебель для кухни,мебель для спальни,мебель для прихожей и мебель для учебы и работы?
4) можно ли поменять весь задний белый фон на какой нибудь другой?
оо.JPG
Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<div id="topsl" class="wrap">
Замените на:
<div id="topsl" class="wrap"> <div class="container" style="text-align:center; color:#fff;"> <h4>Наши преимущества</h4> </div> </div> <div id="topsl" class="wrap">
Изменяйте цвет у параметра color.
2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
section[role="main"] {margin-bottom: 6em;margin-top: 1em;z-index: 10;}
Замените на:
section[role="main"] {margin-bottom: 6em;margin-top: 3em;z-index: 10;}
3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<h4><a href="{catalog_full.URL}" title="Каталог" style="text-decoration: none">Каталог мебели</a></h4>
Замените на:
<h4><a href="{catalog_full.URL}" title="Каталог" style="text-decoration: none">Каталог мебели</a></h4> <ul> <li><a href="ссылка">название</a></li> <li><a href="ссылка">название</a></li> <li><a href="ссылка">название</a></li> </ul>
4. Если речь идет о основной подложке, то этот цвет Вы можете изменить в шаблоне style.css, для этого найдите код:
.bg {background: #f6f6f4;}
Измените значение #f6f6f4.
#43
Отправлено 20 Апрель 2016 - 17:06
#44
Отправлено 20 Апрель 2016 - 17:10
Mamba (20 Апрель 2016 - 17:06) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
<div class="container" style="text-align:center; color:#fff;">
Замените на:
<div class="container" style="text-align:center; color:#fff;font-size:2em;">
#45
Отправлено 20 Апрель 2016 - 22:59
2) и можно перед этими же названиями "кухонными коллекциями", "спальными коллекциями" и "отдельными предметами" поставить иконки, что бы в самой рамке были перед словосочетаниями?
3) как увеличить расстояние раза в 2 где показано стрелками на скриншоте?
4) и как узнать что за шрифт и как его поменять , на тот что у вас в теме город?
5) и можно еще как в теме город сделать выкатывающееся окно с товарами горизонтально и что бы как в той теме была снизу красная полоска?
#46
Отправлено 21 Апрель 2016 - 10:03
Mamba (20 Апрель 2016 - 22:59) писал:
2) и можно перед этими же названиями "кухонными коллекциями", "спальными коллекциями" и "отдельными предметами" поставить иконки, что бы в самой рамке были перед словосочетаниями?
3) как увеличить расстояние раза в 2 где показано стрелками на скриншоте? 2016-04-20 23-48-59 Скриншот экрана.png
4) и как узнать что за шрифт и как его поменять , на тот что у вас в теме город?
5) и можно еще как в теме город сделать выкатывающееся окно с товарами горизонтально и что бы как в той теме была снизу красная полоска? 2016-04-20 23-55-50 Скриншот экрана1.png
Здравствуйте,
1) В style.css найдите код:
section.newsletter h3 {float: none; margin-bottom: 1em;}
и замените на код:
section.newsletter h3 {float: none;margin-bottom: 1em;width: 100%;margin: 0 auto;text-align: center;}
Наши преимущества и мебель stan сложно подогнать под мобильную версию из-за присутствия черточек. Возможно, лучшим вариантом будет отказаться от них и сделать надписи по центру? Можете попробовать немного подкорректировать, для этого там же после кода:
@media only screen and (max-width: 480px) {
добавьте код:
#topsl .container h4 { width: 63%; text-align: center; margin: 0 auto; } #topsl .block { width: 100%; margin-bottom: 10px; }
2) В шаблоне HTML найдите код:
<h3><a href="http://mebel-stan.ru/catalog/Мебель-для-спальни"><b>Спальные коллекции</b></a></h3>
и замените на код:
<h3><a href="http://mebel-stan.ru/catalog/Мебель-для-спальни"><img src="ссылка на изображение" title="Спальни" style="width:30px;height:30px; margin-right:20px;"><b>Спальные коллекции</b></a></h3>
далее код:
<h3><a href="http://mebel-stan.ru/catalog/Мебель-для-учебы-и-работы"><b>Отдельные предметы</b></a></h3>
замените на код:
<h3><a href="http://mebel-stan.ru/catalog/Мебель-для-учебы-и-работы"><img src="ссылка на изображение" title="Спальни" style="width:30px;height:30px; margin-right:20px;"><b>Отдельные предметы</b></a></h3>
и код:
<h3><a href="http://mebel-stan.ru/catalog/Мебель-для-Кухни"><b>Кухонные коллекции</---></b></a></h3>
замените на код:
<h3><a href="http://mebel-stan.ru/catalog/Мебель-для-Кухни"><img src="ссылка на изображение" title="Спальни" style="width:30px;height:30px; margin-right:20px;"><b>Кухонные коллекции</---></b></a></h3>
Картинки добавляйте в редакторе шаблонов и изменяйте ссылки на нужные Вам. Стили в зависимости от картинки можно изменить.
3) В style.css найдите код:
section.newsletter { background: white; margin: 1em 0; padding: 1em 10.5em; height: 1.5em; width: 10%; left: 31%; font: normal 15px 'Arial'; border: 1px solid #000; }
и замените на код:
section.newsletter { background: white; margin: 3em 0 1em; padding: 1em 10.5em; height: 1.5em; width: 10%; left: 31%; font: normal 15px 'Arial'; border: 1px solid #000; }
4) По умолчанию у Вас установлен шрифт font-family: Arial, 'Lato', Calibri, sans-serif; т.е. прописано семейство похожих шрифтов в коде:
body {text-rendering:optimizeLegibility;text-rendering: geometricPrecision; font-size: 75%;line-height: 1.5em;font-family: Arial, 'Lato', Calibri, sans-serif;height: 100%;color: #404040; text-align: left; /* Если нужно заблокировать выделение текста на странице, например для защиты контента -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;*/ }
В шаблоне Город установлено другое семейство шрифтов:
"agency", 'PT Sans Narrow', sans-serif
Это нестандартный шрифт и он требует дополнительной установки. Скачайте архив:
agenfbcyr.zip 40,42К 66 Количество загрузок:
разархивируйте его и загрузите в редакторе шаблонов.
Далее в шаблоне HTML найдите код:
<!-- Стили магазина, которые не нужно менять -->
перед ним добавьте код:
<!-- Подключаемые шрифты --> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic-ext"> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic&subset=latin,cyrillic-ext"> <style>@font-face {font-family: 'agency';src: url('/design/agenfbcyr.ttf?design=urban') format('truetype');}</style>
и уже в style.css c помощью встроенного поиска ищите, где прописан шрифт "Arial, 'Lato', Calibri, sans-serif" и заменяйте на "agency", 'PT Sans Narrow', sans-serif" . А также "Arial" изменяйте на "agency"
5) В style.css найдите код:
.nav li ul {position: absolute;left: 0; display: none;z-index:50;width: 160px;}
и замените на код:
.nav li ul {position: absolute;left: 0; display: none;z-index:50;width: 500px;background:#fff;border-bottom: 3px solid #F00;}
#47
Отправлено 21 Апрель 2016 - 16:38
Получилось очень здорово,то что надо, но работает не корректно, при наводе на какую нибудь позицию, та позиция постоянно пляшет и от курсора мышки убегает, а затем все мелькать и дергаться начинает?
2) и по 1 ответу
Давайте тогда сделаем надпись интернет магазин по центру, а можно как нибудь эту надпись и наши преимущества сделать что бы сами названия были подчеркнуты?
3) Мы как то с вами пытались перенести 4 бегунка под слайдером на сам слайдер в нижней левый угол,почему то не получалось, может еще раз попробуем? А под сам слайдер хотелось бы реализовать черную полоску точно такую же как над слайдером по всем размерам и в нее запихнуть иконки с достоинствами с надписями. То есть снизу иконки тогда убрать, поменять на белый цвет и в черную полоску запихнуть,так можно?
#48
Отправлено 22 Апрель 2016 - 11:39
Mamba (21 Апрель 2016 - 16:38) писал:
Получилось очень здорово,то что надо, но работает не корректно, при наводе на какую нибудь позицию, та позиция постоянно пляшет и от курсора мышки убегает, а затем все мелькать и дергаться начинает?
2) и по 1 ответу
Давайте тогда сделаем надпись интернет магазин по центру, а можно как нибудь эту надпись и наши преимущества сделать что бы сами названия были подчеркнуты?
3) Мы как то с вами пытались перенести 4 бегунка под слайдером на сам слайдер в нижней левый угол,почему то не получалось, может еще раз попробуем? А под сам слайдер хотелось бы реализовать черную полоску точно такую же как над слайдером по всем размерам и в нее запихнуть иконки с достоинствами с надписями. То есть снизу иконки тогда убрать, поменять на белый цвет и в черную полоску запихнуть,так можно?
1) B style.css найдите код:
.nav li.hover {display: block !important;z-index:100;} .nav li:hover ul li a {display: block !important;z-index:100;}
и замените на код:
.nav li.hover {z-index:100;} .nav li:hover ul li a {z-index:100;}
2) Чтобы сделать подчеркнутым текст, в конце style.css добавляйте код:
#topsl .container h4 { text-decoration: underline; } header h1 { text-decoration: underline; }
Надпись "интернет магазин" должна быть по центру только в мобильной версии? Если да, тогда в style.css найдите код:
@media only screen and (max-width: 480px) {
после него добавьте код:
header { text-align: center; }
если же Вам нужно чтобы по умолчанию этот текст стоял по центру, то добавляйте этот код в конце style.css
3) В конце style.css добавьте код:
.nivo-controlNav { top: -62px; left: -41%; position: relative; }
4) Чтобы под слайдером установить блок преимуществ, в шаблоне HTML добавьте перед кодом:
<!-- Список товаров на главной -->
код:
<!-- Баннеры --> {% IF index_page %} <div id="topsl" class="wrap"> <div class="container"> <div class="row"> <div class="block free-shipping col-sm-3 "> <div class="block-title"><span>Доставка и сборка</span></div> <div class="block-content">Сборка мебели в день доставки!</div> </div> <div class="block money-back col-sm-3" > <div class="block-title"><span>Гарантия на всю мебель</span></div> <div class="block-content">Вы можете обменять бракованный товар после получения заказа!</div> </div> <div class="block orders-247 col-sm-3"> <div class="block-title">Работаем с 2006г.<span></span></div> <div class="block-content">10 лет доверия клиентов!</div> </div> <div class="block secured-payment col-sm-3 "> <div class="block-title"><span>Безопасная оплата</span></div> <div class="block-content">Оплата товаров после доставки!</div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Баннеры --> <div class="clearfix"></div>
далее в конце style.css добавьте код:
div#topsl { height: 181px; background: #000; padding: 18px; } div#topsl div { color: #fff; }
код:
#topsl { margin: 40px 0 0; }
удалите, далее код:
#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #000;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;} #topsl .block .block-title:before { position: absolute; content: ""; height: 84px; width: 84px; border: 1px solid #000000; left: 50%; top: 0px; margin-left: -43px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
замените на код:
#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #fff;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;} #topsl .block .block-title:before { position: absolute; content: ""; height: 84px; width: 84px; border: 1px solid #fff; background: #fff; left: 50%; top: 0px; margin-left: -43px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
Чтобы внизу убрать, в шаблоне HTML найдите код:
<!-- Баннеры --> {% IF index_page %} <div id="topsl" class="wrap"> <div class="container" style="text-align:center; color:#000;font-size:1.5em;"> <h4>НАШИ ПРЕИМУЩЕСТВА</h4> </div> </div> <div id="topsl" class="wrap"> <div class="container"> <div class="row"> <div class="block free-shipping col-sm-3 "> <div class="block-title"><span>Доставка и сборка</span></div> <div class="block-content">Сборка мебели в день доставки!</div> </div> <div class="block money-back col-sm-3" > <div class="block-title"><span>Гарантия на всю мебель</span></div> <div class="block-content">Вы можете обменять бракованный товар после получения заказа!</div> </div> <div class="block orders-247 col-sm-3"> <div class="block-title">Работаем с 2006г.<span></span></div> <div class="block-content">10 лет доверия клиентов!</div> </div> <div class="block secured-payment col-sm-3 "> <div class="block-title"><span>Безопасная оплата</span></div> <div class="block-content">Оплата товаров после доставки!</div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Баннеры --> <div class="clearfix"></div>
и удалите его.
#49
Отправлено 22 Апрель 2016 - 13:32
2) и как сделать что бы над образцом цвета дерева была кнопка "цвет дерева" а не категория ткани,как их поменять местами?
3) по предыдущему второму ответу вопрос. Когда делаю что бы текст был по центру то уезжает вправо почта и поиск?
#50
Отправлено 22 Апрель 2016 - 15:20
Mamba (22 Апрель 2016 - 13:32) писал:
т2т.JPG
2) и как сделать что бы над образцом цвета дерева была кнопка "цвет дерева" а не категория ткани,как их поменять местами?
3) по предыдущему второму ответу вопрос. Когда делаю что бы текст был по центру то уезжает вправо почта и поиск? т1т.jpg
1) К сожалению, так сделать не получится.
2) Поменяла Вам расположение, изменить порядок вывода модификаций можно а разделе Товары - свойства, изменяйте порядок следования на нужный Вам.
3) В style.css найдите код:
header[role="banner"] .hgroup {position: absolute; top: 1em; left: 1em; width: 55%;}
и изменяйте ширину width: 55% , например на width: 58%, текст выровняется.
#51
Отправлено 22 Апрель 2016 - 16:03
2) проблемы с 3 вопросом предыдущего ответа? И все равно не выравнивается текст если делать все названия по центру, а поиск вообще как вправо ушел так и стоит там не двигается?
3) И вопрос еще , в верхнем меню есть вкладка "выбрать обивку" при наводе мышки раскрывается окно вниз, и там можно выбрать только "ткани для кухни" т.к. "ткани для спальни" уже не дают выбрать категории от кухни, они загараживают???
4) можно как нибудь вставить куда показано на фото, просто черную полосу,без всего, точно такую же как над слайдером, но что бы раздел "кухонные коллекции" не съезжали вниз?
5) как переименовать выделенные названия? товары на главной в кухонные коллекции, новинки в спальные коллекции, и хиты продаж в отдельные предметы, так же как они переименованны на главной странице?
6) В категориях товара, если их сортировать не по таблице,а ввиде списка, то получаются огромные расстояния между ними,как их уменьшить? и зачем там вылазиет краткое описание + основное, как сделать,что бы было только краткое?????????????
#52
Отправлено 25 Апрель 2016 - 13:20
Mamba (22 Апрель 2016 - 16:03) писал:
2) проблемы с 3 вопросом предыдущего ответа? И все равно не выравнивается текст если делать все названия по центру, а поиск вообще как вправо ушел так и стоит там не двигается?
3) И вопрос еще , в верхнем меню есть вкладка "выбрать обивку" при наводе мышки раскрывается окно вниз, и там можно выбрать только "ткани для кухни" т.к. "ткани для спальни" уже не дают выбрать категории от кухни, они загараживают???
4) можно как нибудь вставить куда показано на фото, просто черную полосу,без всего, точно такую же как над слайдером, но что бы раздел "кухонные коллекции" не съезжали вниз? ю.JPG
5) как переименовать выделенные названия? товары на главной в кухонные коллекции, новинки в спальные коллекции, и хиты продаж в отдельные предметы, так же как они переименованны на главной странице? Безымянныйыав.JPG
6) В категориях товара, если их сортировать не по таблице,а ввиде списка, то получаются огромные расстояния между ними,как их уменьшить? и зачем там вылазиет краткое описание + основное, как сделать,что бы было только краткое????????????? ппп.JPG
Здравствуйте, перед изменениями сделайте бекап шаблона.
1) В шаблоне Товар найдите код:
<strong>{goods_modifications_properties.NAME}:</strong><br />
и замените на код:
<strong>{goods_modifications_properties.NAME}:</strong><br /> {% IF goods_modifications_properties.NAME = Категория ткани %}<a href="ссылка на категорию" class="upholstery">выбрать обивку</a>{% ENDIF %}
в конце main.css добавьте код:
.upholstery { color: #000; font-size: 14px; }
где Вы можете изменить цвет и размер этой надписи.
2) Шапка отображается так:
поле изменений, что я Вам описывала в предыдущем сообщении, она отображается так:
Уточните, что нужно изменить.
3) Могу предложить Вам следующий вариант. В style.css найдите код:
.nav li li.hover > ul {left: 100%;top: 0;display: block;z-index:60;display: block !important;color:#000;}
.nav li li.hover > ul {top: 50px;display: block;z-index:60;display: block !important;color:#000;}
тогда выпадающее меню будет отображаться ниже:
4) Попробуйте в nyvo.css код:
.theme-default .nivoSlider { position: relative; background: #fff url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=comfort') no-repeat 50% 50%; margin-bottom: 35px; -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: #000 url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=comfort') no-repeat 50% 50%; padding-bottom: 35px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }
чтобы увеличить высоту полосы, изменяйте значение 35px
5) В админ панели названия особых разделов менять, к сожалению, нельзя.
6) В шаблоне HTML код:
<figure style="width: 20%;height: 100%;float: left; clear: both; position: relative; overflow: hidden;"> {% IF user_agent_ie7 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=eternity{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div> </a> {% ELSEIF user_agent_ie8 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=eternity{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div> </a> {% ELSE %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=eternity{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF goods.OPINION_RATING_CNT_ALL>0 %} <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> </figure> <div class="item-detail" style="height: 100%"> <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4> {% IF goods.DESCRIPTION_LARGE %} <div class="desc std a-left"> <div class="htmlDataBlock"> {goods.DESCRIPTION_LARGE} <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more">узнать больше...</a> </div> </div> {% ENDIF %} </div>
замените на код:
<!-- Если отображаем товары таблицей --> {% ELSE %} <!-- Проходим по массиву списка товаров --> {% FOR goods %} <div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;"> <figure style="width: 20%;float: left; clear: both; position: relative; overflow: hidden;"> {% IF user_agent_ie7 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=eternity{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div> </a> {% ELSEIF user_agent_ie8 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=eternity{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div> </a> {% ELSE %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=eternity{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF goods.OPINION_RATING_CNT_ALL>0 %} <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> </figure> <div class="item-detail" > <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4> {% IF goods.DESCRIPTION_SHORT %} <div class="desc std a-left"> <div class="htmlDataBlock"> {goods.DESCRIPTION_SHORT} <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more">узнать больше...</a> </div> </div> {% ENDIF %} </div>
#53
Отправлено 25 Апрель 2016 - 14:20
1) а можно эту ссылку "выбрать обивку" сделать не между названием "категория ткани" и самой кнопкой с категориями, а справа от этой кнопки "категории ткани"?
2) по второму вопросу: такого как вы привели пример на фото у меня не было, можно еще раз написать, что надо сделать, что бы нижняя надпись" Интернет магазин мебель стан" встала посередине?
4) Черная полоса под слайдером появилась, но то что ниже " кухонные коллекции" все равно тоже смещается ниже. А как сделать расстояние от этой полосы до слайдера?
6) такого кода как вы указали в 6 ответе у меня нет, есть что то подобное, если можно то посмотрите еще раз пожалуйста?
а можно как нибудь сделать,что бы вместо слово " рубль или рублей" сделать значок рубля , типа Р и снизу палочка?
#54
Отправлено 27 Апрель 2016 - 14:45
#55
Отправлено 27 Апрель 2016 - 17:12
Mamba (25 Апрель 2016 - 14:20) писал:
1) а можно эту ссылку "выбрать обивку" сделать не между названием "категория ткани" и самой кнопкой с категориями, а справа от этой кнопки "категории ткани"?
2) по второму вопросу: такого как вы привели пример на фото у меня не было, можно еще раз написать, что надо сделать, что бы нижняя надпись" Интернет магазин мебель стан" встала посередине?
4) Черная полоса под слайдером появилась, но то что ниже " кухонные коллекции" все равно тоже смещается ниже. А как сделать расстояние от этой полосы до слайдера?
6) такого кода как вы указали в 6 ответе у меня нет, есть что то подобное, если можно то посмотрите еще раз пожалуйста?
а можно как нибудь сделать,что бы вместо слово " рубль или рублей" сделать значок рубля , типа Р и снизу палочка?
Здравствуйте,
1) В шаблоне Товар найдите код:
<strong>{goods_modifications_properties.NAME}:</strong><br /> {% IF goods_modifications_properties.NAME = Категория ткани %}<a href="http://mebel-stan.ru/catalog/Выбрать-обивку" class="upholstery">>>>>ВЫБРАТЬ ОБИВКУ<<<<</a>{% ENDIF %}
и замените на код:
<strong>{goods_modifications_properties.NAME}:</strong> {% IF goods_modifications_properties.NAME = Категория ткани %}<a href="http://mebel-stan.ru/catalog/Выбрать-обивку" class="upholstery">>>>>ВЫБРАТЬ ОБИВКУ<<<<</a>{% ENDIF %}
2) Вам нужно, чтобы логотип был посередине? Если да, то в style.css найдите код:
header[role="banner"] h1 {color: #000;font-weight: normal;float: left;}
и замените на код:
header[role="banner"] h1 {color: #000;font-weight: normal;float: right;}
код:
.contacts { float: right; position: relative; color: #000; width: 58%; margin-top: 5px; font-size: 15px; width: 260px; }
замените на код:
.contacts { float: left; position: relative; color: #000; width: 58%; margin-top: 5px; font-size: 15px; width: 260px; }
4) Не понимаю, как добавить блок, но чтобы при этом ничего не смещалось, не могли бы Вы поподробнее этот момент описать? Эту полосу сделала с помощью внутренних отступов в слайдере, добавить отступ между не получится, можно лишь отменить изменения и добавить отдельный блок под слайдером, но тогда разделы с товарам опустятся еще ниже.
6) Извините, допустила ошибку, изменения требуются для шаблона Товары.
#56
Отправлено 28 Апрель 2016 - 06:34
4) Ну хорошо, давайте тот блок с черной полоской заменим на такой же блок, но который будет с отступом от слайдера ( все как у черной полоски которая над слайдером, только просто полоска без названий в ней) ,а затем уменьшим расстояние между "кухонные коллекции" и этой самой черной полоской?
6) по шестому вопросу предыдущему. Все равно не получается , при сохранении изменений пишет ошибку, вроде сделел все правильно ((
#57
Отправлено 28 Апрель 2016 - 06:46
section header h1 { color: #000; font-weight: bold; }
замените на:
section header h1 { color: #000; font-weight: bold; text-align: center; }
4. В nyvo.css найдите:
.theme-default .nivoSlider { position: relative; background: #000 url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=comfort') no-repeat 50% 50%; padding-bottom: 35px; -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?design=comfort') no-repeat 50% 50%; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }
далее в шаблоне HTML найдите:
<!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding: 1em; display: none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" /></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" /></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" /></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" /></a> </div> </div>
после него вставьте:
<div style="background:#000; height: 35px; margin: -33px 1em 0px;"></div>
#58
Отправлено 28 Апрель 2016 - 08:45
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных