Перейти к содержимому


Всплывающее Окно


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 79

#1 Mamba

Mamba

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 155 сообщений

Отправлено 29 Февраль 2016 - 16:22

Подскажите пожалуйста, как реализовать всплывающее окно или два,где можно было бы выбирать например категорию ткани и цвет дерева и что бы при наведении на них от этого еще менялась цена? Примерно как на рисунке. Если так сделать невозможно то буду очень рад другим похожим вариантам и предложением.

Прикрепленные изображения

  • 1.JPG
  • Безымянный.JPG


#2 Mamba

Mamba

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 155 сообщений

Отправлено 02 Март 2016 - 09:17

Ау, подскажите будьте добры,куда все пропали?

#3 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 02 Март 2016 - 10:10

Просмотр сообщенияMamba (29 Февраль 2016 - 16:22) писал:

Подскажите пожалуйста, как реализовать всплывающее окно или два,где можно было бы выбирать например категорию ткани и цвет дерева и что бы при наведении на них от этого еще менялась цена? Примерно как на рисунке. Если так сделать невозможно то буду очень рад другим похожим вариантам и предложением.

Здравствуйте, к сожалению, по данному вопросу бесплатная техническая поддержка не сможет Вам помочь. Но Вы можете обратиться в нашу платную техническую поддержку. Для этого напишите через форму обратной связи запрос с подписью "для платной тех.поддержки". Кнопка обратной связи находится у Вас в бекофисе в правом верхнем углу.

#4 Mamba

Mamba

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 155 сообщений

Отправлено 13 Апрель 2016 - 15:00

А подскажите пожалуйста здесь, что бы не открывать новую тему, как увеличить всплывающее окно при нажатии на товар,когда хочешь посмотреть его крупнее?Уменьшил эту строку с 1100 до 400, фото товара стало меньше как надо, но и всплывающее окно тоже стало маленьким,как это исправить?


Максимальный размер по высоте/ширине в пикселях для больших изображений было 1100 стало 400



И как уменьшить вот это расстояние, вроде в настройках было,не могу найти ?
2016-04-14 02-17-11 Скриншот экрана.png

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Апрель 2016 - 06:39

1. Как понимаю, вся область должна быть белой, а фото по центру. В style.css добавьте:
.fancybox-wrap {
	width: 90% !important;
	left: 5% !important;
}
.fancybox-inner {
	margin: 0 auto;
}
2. В style.css найдите:
.items figure {
	height: 300px;
}

замените на:
.items figure {
	height: 120px;
}


#6 Mamba

Mamba

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 155 сообщений

Отправлено 14 Апрель 2016 - 07:38

Спасибо,это тоже помогло, но я имел ввиду,как сделать ,что бы в самой карточке товара ,сама фотография была меньше,но при нажатии на нее всплывало окно оригинального большого размера?

вапра.JPG

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Апрель 2016 - 07:49

В этом случае можно задать в настройках больший размер, а в style.css найдите:
figure.main-image div img {
	display: inline-block;
	vertical-align: middle;
}

замените его на:
figure.main-image div img {
	display: inline-block;
	vertical-align: middle;
	max-width: 400px;
	max-height: 400px;
}


#8 Mamba

Mamba

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 155 сообщений

Отправлено 14 Апрель 2016 - 08:46

Спасибо. Вот еще вопрос
1) при нажатии на фото товара всплывает окно, на нем нажимаешь стрелку вправо для пролистывания всех фото,и получается так ,что он дважды показывает одну и туже фотку сначала ,а только потом переходит к другим,можно ли сделать, что бы сразу при нажатии один раз была другая фотография?

2)Можно ли сделать,что бы иконка "доступно к заказу" всегда автоматически была справа в верхнем углу рядом с товаром, а не в стороне?

3)можно ли ,что бы верхнее меню которое при наведении раскручивается вниз было не вертикальным ,а горизонтальным и можно ли в нем менять серый задний фон на другой?чмы.JPG

#9 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 14 Апрель 2016 - 15:01

Просмотр сообщенияMamba (14 Апрель 2016 - 08:46) писал:

Спасибо. Вот еще вопрос
1) при нажатии на фото товара всплывает окно, на нем нажимаешь стрелку вправо для пролистывания всех фото,и получается так ,что он дважды показывает одну и туже фотку сначала ,а только потом переходит к другим,можно ли сделать, что бы сразу при нажатии один раз была другая фотография?

2)Можно ли сделать,что бы иконка "доступно к заказу" всегда автоматически была справа в верхнем углу рядом с товаром, а не в стороне?

3)можно ли ,что бы верхнее меню которое при наведении раскручивается вниз было не вертикальным ,а горизонтальным и можно ли в нем менять серый задний фон на другой?Прикрепленный файл чмы.JPG
Здравствуйте,
1. найдите в шаблоне Товар код
{% IFNOT goods_images_empty %}
		  {% FOR goods_images %}
			{% IF goods_images.first %}
			  <ul class="preview_images {% IF goods_images.length=1 %}hide{% ENDIF %}" data-role="preview-images">
			{% ENDIF %}  
				<li>
				  <a  rel="group" href="{goods_images.LARGE}" class="mini"><img src="{goods_images.LARGE}" alt="{goods_images.NAME}" class="mini"/></a>
				</li>
				{goods_images.index | is_divided("4"," ","")}
			{% IF goods_images.last %}
			  </ul>
			{% ENDIF %}		   
		  {% ENDFOR %}
		{% ENDIF %}
замените на

{% IFNOT goods_images_empty %}
		 
			  <ul class="preview_images {% IF goods_images.length=1 %}hide{% ENDIF %}" data-role="preview-images">
		   {% FOR goods_images %}
			{% IFNOT goods_images.first %}
				<li>
				  <a  rel="group" href="{goods_images.LARGE}" class="mini"><img src="{goods_images.LARGE}" alt="{goods_images.NAME}" class="mini"/></a>
				</li>
				{goods_images.index | is_divided("4"," ","")}
			   {% ENDIF %}		   
		  {% ENDFOR %}
			  </ul>
	   
		{% ENDIF %}

2. Данная иконка приклеивается к изображению, что бы это изменить найдите в шаблоне Товар код
<div class="goodsDataMainModificationAvailable">
   <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
   <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Доступно к заказу</div>
   </div> 
и перенесите после строк
<section role="main">


#10 Mamba

Mamba

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 155 сообщений

Отправлено 14 Апрель 2016 - 18:00

1) можно ли ,что бы верхнее меню которое при наведении раскручивается вниз было не вертикальным ,а горизонтальным и можно ли в нем менять серый задний фон на другой?

2) И подскажите как поменять цвет кнопки "поиск" ,например на красный?

3) Как скомпоновать или переместить куда иконки с достоинствами, а то на смартфоне все наезжает друг на друга?

4) как поставить иконку перед телефоном ?2016-04-15 01-44-06 Скриншот экрана.png

#11 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Апрель 2016 - 03:40

1. В style.css найдите:
.nav li li {background: #ddd;}
.nav li li a {display:block;background: #ddd;top: 0px;color:#000;width: 130px;}

замените на:
.nav li li {background: #ddd;display:inline-block;}
.nav li li a {display:block;background: #ddd;top: 0px;color:#000;width: 130px;}
и измените цветовое значение #ddd на необходимое.

далее найдите:
.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: 340px;}
2. В style.css найдите:
form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0;z-index: 2;height: 2.833em;background: #404040;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}

в нем измените цветовое значение #404040
3. В style.css найдите:
#topsl .block {
	padding: 106px 0 0;
	text-align: center;
	display: block;
}

замените на:
#topsl .block {
	padding: 106px 0 0;
	text-align: center;
	display: block;
	min-width: 120px;
}
4. В шаблоне HTML найдите:
<img src="http://st.mebel-stan.ru/7/1859/143/telephoneyellow_3564.png">
												 <!-- Первый контактный телефон -->
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
														 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
														 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
														 {SETTINGS_STORE_PHONE_NUMBER1}
												 {% ENDIF %}
											   
												 <!-- Второй контактный телефон -->
												 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
														 <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
														 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
														 {SETTINGS_STORE_PHONE_NUMBER2}
												 {% ENDIF %}

замените на:
<!-- Первый контактный телефон -->
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
														 <span class="phone-country-code"><img src="http://st.mebel-stan.ru/7/1859/143/telephoneyellow_3564.png">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
														 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
														 {SETTINGS_STORE_PHONE_NUMBER1}
												 {% ENDIF %}
											   
												 <!-- Второй контактный телефон -->
												 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
														 <br /><span class="phone-country-code"><img src="http://st.mebel-stan.ru/7/1859/143/telephoneyellow_3564.png">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
														 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
														 {SETTINGS_STORE_PHONE_NUMBER2}
												 {% ENDIF %}


#12 Mamba

Mamba

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 155 сообщений

Отправлено 15 Апрель 2016 - 07:35

Спасибо большое!
А как сделать по первому вопросу, поменять цвет фона  раскрывающихся вниз товаров в каталоге, но что бы он был прозрачным, например меняю на красный и прозрачный?

#13 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Апрель 2016 - 07:44

В style.css найдите:
.nav li li a {
	display: block;
	background: #ddd;
	top: 0px;
	color: #000;
	width: 130px;
}

замените на:
.nav li li a {
	display: block;
	background: rgba(255,20,19,0.7);
	top: 0px;
	color: #000;
	width: 130px;
}

далее найдите:
.nav li li {
	background: #ddd;
	display: inline-block;
}

замените на:
.nav li li {
	display: inline-block;
}


#14 Mamba

Mamba

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 155 сообщений

Отправлено 15 Апрель 2016 - 16:28

Подскажите пожалуйста.

1) Как сделать основной вид иконок с достоинствами (рамки и сами картинки) не серыми , а черными?
2) как под слайдером ,во всю длину слайдера  сделать, что бы люди вводили свою почту и подписывались (типа регистрации)  где слева будет надпись "Подпишись на mebelstan и получай лучшие предложения и акции" а справа будет написано"адрес электронной почты"
3) как изменить основной шрифт шрифт , а то рябит в глазах и некоторые буквы наезжают друг на друга? ( пример привел под иконкой гарантия на всю мебель)
4) Перед подвалом есть надпись"интернет магазин мебель стан" у нее и отходящим в разные стороны линиям можно менять цвет ,толщину?
5) в самом подвале как убрать то что зачеркнуто ( показано в приложении на фото)а вместо них добавить "Контакты", "Каталог мебели"  ? + изменить слово "статьи" на "информация"
6) как изменить 3 оранжевые полоски с названиями"кухня,спальня и учеба и работа" на прямоугольной формы?
7) как переместить всю строку " поиск по магазину вниз" а над ней переместить сверху корзину?
123456.JPG 12345.JPG 1234.JPG 123.JPG

#15 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 15 Апрель 2016 - 17:40

Просмотр сообщенияMamba (15 Апрель 2016 - 16:28) писал:

Подскажите пожалуйста.

1) Как сделать основной вид иконок с достоинствами (рамки и сами картинки) не серыми , а черными?
2) как под слайдером ,во всю длину слайдера  сделать, что бы люди вводили свою почту и подписывались (типа регистрации)  где слева будет надпись "Подпишись на mebelstan и получай лучшие предложения и акции" а справа будет написано"адрес электронной почты"
3) как изменить основной шрифт шрифт , а то рябит в глазах и некоторые буквы наезжают друг на друга? ( пример привел под иконкой гарантия на всю мебель)
4) Перед подвалом есть надпись"интернет магазин мебель стан" у нее и отходящим в разные стороны линиям можно менять цвет ,толщину?
5) в самом подвале как убрать то что зачеркнуто ( показано в приложении на фото)а вместо них добавить "Контакты", "Каталог мебели"  ? + изменить слово "статьи" на "информация"
6) как изменить 3 оранжевые полоски с названиями"кухня,спальня и учеба и работа" на прямоугольной формы?
7) как переместить всю строку " поиск по магазину вниз" а над ней переместить сверху корзину?
Прикрепленный файл 123456.JPGПрикрепленный файл 12345.JPGПрикрепленный файл 1234.JPGПрикрепленный файл 123.JPG

Здравствуйте!

1) В шаблоне style.css найдите строку:

#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #666666;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 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;}

Цвет изображений Вам необходимо заменить в графическом редакторе.

Найдите в разделе САЙТ-РЕДАКТОР ШАБЛОНОВ , в левой колонке раздел ИЗОБРАЖЕНИЯ, в нем найдите файл

«ico-shoppolicy.png», сохраните его себе, отредактируйте в графическом редакторе и нажав кнопку "заменить", замените старое на новое.

1.jpg

2) Как таковой подписки на платформе не реализовано. Могу предложить Вам разместить форму обратной связи, где будет оставлено только поле "e-mail", Вам на почту будут приходить e-mail-ы пользователей, но уже рассылку Вам придется делать самостоятельно.

3) В style.css найдите строку:

body {text-rendering:optimizeLegibility;text-rendering: geometricPrecision; font-size: 75%;line-height: 1.5em;font-family: 'Lato', Calibri, Arial, sans-serif;height: 100%;color: #404040; text-align: left; /* Если нужно заблокировать выделение текста на странице, например для защиты контента -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;*/ }

замените ее , например,  на:

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;*/ }

4) В конец style.css вставьте:

section header h1 {color:#000;font-weight: bold;}

Измените цвет на нужный.

5) В шаблоне html найдите блок кода:

<section>
		 <!-- Если в тарифном плане подключен модуль новостей -->
		 <div class="menu_main">
			 <h4><a href="/news?sid=1" title="Новости" style="text-decoration: none">Новости</a></h4>
			 <ul>
			 <!-- Все новости -->
			 {% IFNOT news_list_all_empty %}
				 {% FOR news_list_all %}
				 <li><a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a></li>
				 {% ENDFOR %}
			 {% ENDIF %}
			 <!-- /Все новости -->
			 <!-- Новости магазина -->
			 {% IFNOT news_list_shop_empty %}
				 {% FOR news_list_shop %}
				 <li><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li>
				 {% ENDFOR %}
			 {% ENDIF %}
			 <!-- /Новости магазина -->
			 </ul>
		 </div>
		 </section>
		 <section>
		 <div class="menu_main">
			 <h4><a href="/news?sid=2" title="Все статьи" style="text-decoration: none">Статьи</a></h4>
			 <ul>
			 <!-- Статьи -->
			 {% IFNOT news_list_articles_empty %}
				 {% FOR news_list_articles %}
				 <li><a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a></li>
				 {% ENDFOR %}
			 {% ENDIF %}
			 <!-- /Статьи -->
			 </ul>
		 </div>
		 </section>
		 <section>
		 <div class="menu_main">
			 <h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4>
			 <ul>
			 <!-- Материалы СМИ -->
			 {% IFNOT news_list_mass_media_empty %}
				 {% FOR news_list_mass_media %}
				 <li><a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a></li>
				 {% ENDFOR %}
			 {% ENDIF %}
			 <!-- /Материалы СМИ -->
			 </ul>
		 </div>
		 </section>
		 <section class="vcard">
		 <h4>Информация о компании</h4>
		 <p>Название компании ООО<br />
		 Зарегистрирована в России<br />
		 Регистрационный номер: 05968981.<br />
		 НДС: 00120898409</p>
		 </section>

замените его на:

		 <section>
		 <h4>Наши контакты</h4>
	 <div class="block-contact">
		 {% IF SETTINGS_STORE_REGION %}<p><em class="fa fa-map-marker">&nbsp;</em>{SETTINGS_STORE_REGION}</p>{% ENDIF %}
		 {% IF SETTINGS_STORE_WORK_TIME %}<p><em class="fa fa-clock-o">&nbsp;</em>Режим работы: {SETTINGS_STORE_WORK_TIME}</p>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><em class="fa fa-phone">&nbsp;</em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p><em class="fa fa-phone">&nbsp;</em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p><em class="fa fa-fax">&nbsp;</em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %}
		 {% IF SETTINGS_STORE_EMAIL_MAIN %}<p><em class="fa fa-envelope">&nbsp;</em>Email: <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %}
		 {% IF SETTINGS_STORE_SKYPE %}<p><em class="fa fa-skype">&nbsp;</em>Skype: <a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></p>{% ENDIF %}
	 </div>
		 </section>
<section>
		 <div class="menu_main">
			 <h4><a href="/news?sid=2" title="Информация" style="text-decoration: none">Информация</a></h4>
			 <ul>
			 <!-- Статьи -->
			 {% IFNOT news_list_articles_empty %}
				 {% FOR news_list_articles %}
				 <li><a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a></li>
				 {% ENDFOR %}
			 {% ENDIF %}
			 <!-- /Информация -->
			 </ul>
		 </div>
		 </section>
		 <section>
			 <h4><a href="{catalog_full.URL}" title="Каталог" style="text-decoration: none">Каталог мебели</a></h4>
		 </div>
		 </section>

6) В шаблоне style.css найдите и удалите строку:

section.newsletter:before, section.newsletter:after {content: ""; position: absolute; display: block; bottom: 0; width: 0; height: 0;}

7) Перенос корзины выполним в следующей инструкции.

#16 Mamba

Mamba

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 155 сообщений

Отправлено 15 Апрель 2016 - 23:37

Спасибо большое,есть пару нюансов
по 1 вопросу - цвет иконок поменял,а вот рамки не получается,при замене цвета у иконок в фоторедакторе рамок нет,если они должны были поменяться при смене кода, то тогда не поменялись?
по 2 вопросу - давайте попробуем сделать как вы написали, но если это можно реализовать как я написал. То есть под слайдером во всю длину,небольшой ширины, где слева будет написано про выгодные предложения,а справа ввод почты и все это в каком нибудь желто красном цвете
по 7 вопросу - а можно поиск по сайту целиком перенести под логотип и контакты, перед каталогом,и сделать длиной как черная полоса с этим же каталогом?
Как сделать тонкие рамки ко всем товарам во всех категориях , черного цвета или темного серого?
И как под слайдером переместить 4 бегущие точки, на сам слайдер в нижней левый угол?

#17 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Апрель 2016 - 01:43

1. В style.css найдите:
#topsl .block .block-title:before {
	position: absolute;
	content: "";
	height: 84px;
	width: 84px;
	border: 1px solid #dfdfdf;
	left: 50%;
	top: 0px;
	margin-left: -43px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

замените на:
#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;
}

2. В шаблоне HTML после:
<!-- Запуск слайдера -->
<script type="text/javascript">// <![CDATA[
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
// ]]></script>

вставьте:
<div id="subscription">
<span>Подпишись на mebelstan и получай лучшие предложения и акции</span>
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
	  {% IFNOT FORM_SEND_OK %}
		<input type="hidden" name="hash" value="{HASH}" />
		{ANTISPAM_CODE}
		<input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" type="hidden" value="Клиент" />
		<input id="feedback_email" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" type="text" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/>
		<input type="hidden" id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" value="Подписка на сайт">
	  {% ENDIF %}
		{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %}
	</form>
</div>


В style.css добавьте:
#subscription {
	width: 100%;
	clear: both;
	padding: 5px;
	border-radius: 14px;
	border: 2px solid #FFD700;
	font: normal 16px 'Lobster';
}
#subscription span, #subscription input, #subscription button {
	display: inline-block;
	margin: 0 0.5%;
	width: 31%;
	vertical-align: middle;
}

7. В style.css найдите:
form[role="search"] {
	position: absolute;
	right: 2em;
	top: 2.5em;
}

замените на:
form[role="search"] {
	position: relative;
	clear: both;
	display: block;
	width: 100%;
}

далее найдите:
form[role="search"] div {
	display: block;
	margin: 0 auto;
	margin: 0 auto;
	position: relative;
	width: 30.5em;
	height: 2.833em;
	background: transparent;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	z-index: 20;
}
замените на:
form[role="search"] div {
	display: block;
	margin: 0 auto;
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: 2.833em;
	background: transparent;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	z-index: 20;
}

далее найдите:
header[role="banner"] .hgroup {
	position: absolute;
	top: 1em;
	left: 1em;
	width: 55%;
}

замените на:
header[role="banner"] .hgroup {
	width: 55%;
	float: left;
	margin-bottom: 25px;
}

8. В nyvo.css найдите:
.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}

замените на:
.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
	position: absolute;
	bottom: 45px;
}
.theme-default {
	position: relative;
}


#18 Mamba

Mamba

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 155 сообщений

Отправлено 16 Апрель 2016 - 02:29

Спасибо.
Как сделать тонкие рамки ко всем товарам во всех категориях , черного цвета или темного серого?
И возвращаясь ко второму вопросу, можно сделать что бы текст был покрупней и пожирней и перед текстам влепить иконку с подаркам каким нибудь? + а кнопку отправить раза в 2 меньше. И в поле ввода, что нибудь фоном написать, что бы было понятно, что надо почту вводит?
А можно кнопку "отправить "сделать красной, а весь фон залить например желтым?

#19 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Апрель 2016 - 02:47

1. В style.css найдите:
.containers .items, .containers2 .items {
	display: inline-block;
	float: none !important;
	*display: inline;
	vertical-align: top;
	width: 170px !important;
}

замените на:
.containers .items, .containers2 .items {
	display: inline-block;
	float: none !important;
	*display: inline;
	vertical-align: top;
	width: 170px !important;
	border: 1px solid #ccc;
}

2. В шаблоне HTML найдите:
<div id="subscription">
<span>Подпишись на mebelstan и получай лучшие предложения и акции</span>
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
		  {% IFNOT FORM_SEND_OK %}
				<input type="hidden" name="hash" value="{HASH}" />
				{ANTISPAM_CODE}
				<input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" type="hidden" value="Клиент" />
				<input id="feedback_email" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" type="text" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/>
				<input type="hidden" id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" value="Подписка на сайт">
		  {% ENDIF %}
				{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %}
		</form>
</div>

замените на:
<div id="subscription">
<span><img src="ссылка на картинку" alt="" />Подпишись на mebelstan и получай лучшие предложения и акции</span>
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
		  {% IFNOT FORM_SEND_OK %}
				<input type="hidden" name="hash" value="{HASH}" />
				{ANTISPAM_CODE}
				<input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" type="hidden" value="Клиент" />
				<input id="feedback_email" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" type="text" value="Введите Email" maxlength="255" class="required email input-text"/>
				<input type="hidden" id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" value="Подписка на сайт">
		  {% ENDIF %}
				{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %}
		</form>
</div>

Текст: ссылка на картинку измените
В style.css найдите:
#subscription span, #subscription input, #subscription button {
	display: inline-block;
	margin: 0 0.5%;
	width: 31%;
	vertical-align: middle;
}

замените на:
#subscription span, #subscription input, #subscription button {
	display: inline-block;
	margin: 0 0.5%;
	width: 40%;
	vertical-align: middle;
}
#subscription button {
	width: 15%;
}
#subscription span {
	font: bold 22px 'Lobster';
}


#20 Mamba

Mamba

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 155 сообщений

Отправлено 16 Апрель 2016 - 02:55

С рамками здорово,спасибо, только они не везде, на главной нету

А можно кнопку "отправить "сделать красной, а весь фон залить например желтым?

И как все эту рамку поднять чуть повыше?




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных