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


Дизайн


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

#181 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2015 - 00:17

Почистите пожалуйста кэш в своем брауезере, так как результат получился корректный, по умолчанию открыто окно описание

#182 Дмитрич

Дмитрич

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

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

Отправлено 01 Февраль 2015 - 11:36

Добрый день!
Подскажите пожалуйста как выровнять по левому краю (зоны доставки)
скриншот прилагаю

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

  • Безымянный.png


#183 Ирина345

Ирина345

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

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

Отправлено 01 Февраль 2015 - 12:02

Просмотр сообщенияДмитрич (01 Февраль 2015 - 11:36) писал:

Добрый день!
Подскажите пожалуйста как выровнять по левому краю (зоны доставки)
скриншот прилагаю
Здравствуйте, найдите в шаблоне быстрый заказ код
<style>
  #quickform label {margin-top:0.7em;}
  #quickform .control {margin-top:0.5em;}
  #quickform .control label {margin-top:0;line-height: 18px;}
  #quickform .orderStageDeliveryListTable label,
  #quickform .orderStagePaymentListTable label {margin-top:0;}
  #quickform .showPassBlock {margin-top:0.2em;}
  #quickform-order {float: left;}
  #quickform-close {float: right;}
  @media screen and (max-width: 768px) {
	#quickform-order,
	#quickform-close {margin:0.1em 0;float: none;display:inline-block;text-align:center;}
  }
</style>
замените на

<style>
  #quickform label {margin-top:0.7em;}
  #quickform .control {margin-top:0.5em;}
  #quickform .control label {margin-top:0;line-height: 18px;}
  #quickform .orderStageDeliveryListTable label,
  #quickform .orderStagePaymentListTable label {margin-top:0;}
  #quickform .showPassBlock {margin-top:0.2em;}
  #quickform-order {float: left;}
  #quickform-close {float: right;}
  @media screen and (max-width: 768px) {
	#quickform-order,
	#quickform-close {margin:0.1em 0;float: none;display:inline-block;text-align:center;}
  }
td {
text-align: -webkit-left !important;
}
</style>


#184 Дмитрич

Дмитрич

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

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

Отправлено 01 Февраль 2015 - 12:46

Хотелось бы изменить цвет "звездочки" которой отмечены обязательные поля для заполнения на красный цвет :rolleyes:

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

  • Безымянный.png


#185 Ирина345

Ирина345

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

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

Отправлено 01 Февраль 2015 - 12:55

Просмотр сообщенияДмитрич (01 Февраль 2015 - 12:46) писал:

Хотелось бы изменить цвет "звездочки" которой отмечены обязательные поля для заполнения на красный цвет :rolleyes:
Найдите в шаблоне Быстрый заказ код
 <label for="reg_name" class="required">ФИО*</label> 
	  <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/>
	  
	  <label for="contactEmail" class="required">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}*{% ENDIF %}</label>		  
	  <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email input-text" type="text"/>
	  
	  <label for="sites_client_phone" class="required">Телефон для связи*</label> 
	  <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
   
замените на


 <label for="reg_name" class="required">ФИО<em>*</em></label> 
	  <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/>
	  
	  <label for="contactEmail" class="required">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}<em>*</em>{% ENDIF %}</label>		  
	  <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email input-text" type="text"/>
	  
	  <label for="sites_client_phone" class="required">Телефон для связи<em>*</em></label> 
	  <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
	 

далее найдите

td {
text-align: -webkit-left !important;
}

после вставьте

em {
color: red !important;
}


#186 Дмитрич

Дмитрич

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

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

Отправлено 02 Февраль 2015 - 19:50

Добрый вечер!
Подскажите пожалуйста как поменять цвет текста, в выделенной области для всех элементов

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

  • Безымянный.png


#187 Danil

Danil

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

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

Отправлено 02 Февраль 2015 - 20:03

Просмотр сообщенияДмитрич (02 Февраль 2015 - 19:50) писал:

Добрый вечер!
Подскажите пожалуйста как поменять цвет текста, в выделенной области для всех элементов
Здравствуйте.
В конец style.css добавьте
Для "хлебных крошек"
.footer ul li a {
color: #000;
}
Для меню в футере
section p, section h4, section a {
color: #000;
}
Для копирайта
p.a-center {
color: #000;
}
Во всех случаях изменяйте color(цвет)

#188 Дмитрич

Дмитрич

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

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

Отправлено 02 Февраль 2015 - 21:10

Немножко опустить
Прошу простить за элементарные вопросы давно не занимался все забыл напрочь :rolleyes:

п.с серую полосу разделения тоже опустить

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

  • Безымянный.png


#189 Vaccina

Vaccina

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

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

Отправлено 03 Февраль 2015 - 00:18

В style.css найдите:
section[role="main"] {
  margin-bottom: 0;
  z-index: 10;
}
замените на:
section[role="main"] {
  margin-bottom: 0;
  min-height: 250px;
  z-index: 10;
}

более увеличивать значение не советую, так как дизайн у вас адаптивный, может сказаться на нем изменение

#190 Дмитрич

Дмитрич

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

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

Отправлено 03 Февраль 2015 - 20:33

Добрый вечер!
Необходимо убрать выделенные элементы
и сдвинуть блок информации

пс. еще бы хотелось поменять информацию в этом блоке

Благодарю за помощь :)

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

  • Безымянный.png


#191 Vaccina

Vaccina

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

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

Отправлено 04 Февраль 2015 - 01:55

1. Удаление блоков новостей, в шаблоне 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>

2. Для того чтобы пододвинуть блок информации в style.css найдите:
footer section {
width: 17.546012%;
float: left;
margin: 0 0 2em 3.0674847%;
}
замените на:
footer section {
width: 17.546012%;
float: right;
margin: 0 0 2em 3.0674847%;
}

3. Блок, отвечающий за вывод данной информации вы можете найти в шаблоне HTML:
<section class="vcard">
			<h4>Информация о компании</h4>
			<p>Название компании ООО<br />
			Зарегистрирована в России<br />
			Регистрационный номер: 05968981.<br />
			НДС: 00120898409</p>
		  </section>


#192 Дмитрич

Дмитрич

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

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

Отправлено 11 Февраль 2015 - 20:13

Добрый вечер!
Хотелось бы в этом месте разместить блок с текстовой информацией.
Подскажите пожалуйста.

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

  • Безымянный.png


#193 Danil

Danil

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

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

Отправлено 11 Февраль 2015 - 20:21

Просмотр сообщенияДмитрич (11 Февраль 2015 - 20:13) писал:

Добрый вечер!
Хотелось бы в этом месте разместить блок с текстовой информацией.
Подскажите пожалуйста.
В шаблоне html перед
<section class="vcard">
вставьте
<div class="Tekst">Какой то текст</div>
и в конец style.css добавьте
.Tekst {color:#000;}


#194 Дмитрич

Дмитрич

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

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

Отправлено 15 Февраль 2015 - 10:43

Здравствуйте!
Хочется выровнять текст столбиком, принудительный разрыв строк не дает желаемого результата, подскажите пожалуйста как поступить?

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

  • Безымянный.png


#195 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 15 Февраль 2015 - 10:47

Просмотр сообщенияДмитрич (15 Февраль 2015 - 10:43) писал:

Здравствуйте!
Хочется выровнять текст столбиком, принудительный разрыв строк не дает желаемого результата, подскажите пожалуйста как поступить?
Здравствуйте.
Попробуйте сделать следующее:
В шаблоне style.css найдите код:
.Tekst {
color: #000;
}
И замените его вот этим кодом:
.Tekst {
color: #000;
width: 354px;
}


#196 Дмитрич

Дмитрич

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

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

Отправлено 15 Февраль 2015 - 11:30

Немного торчит :rolleyes:

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

  • Безымянный.png


#197 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 15 Февраль 2015 - 11:33

Просмотр сообщенияДмитрич (15 Февраль 2015 - 11:30) писал:

Немного торчит :rolleyes:
Тогда в том же шаблоне, style.css найдите последний код:
.Tekst {
color: #000;
width: 354px;
}
И замените его этим кодом:
.Tekst {
color: #000;
width: 309px;
}


#198 Дмитрич

Дмитрич

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

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

Отправлено 05 Июнь 2016 - 10:43

Добрый день, хотелось бы сделать вертикальное меню каталога подскажите пожалуйста как осуществить
ps на страничке чтоб умещалось 3 товара в ряд
примерный скри прилагаю.

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

  • Безымянный.png


#199 Дмитрич

Дмитрич

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

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

Отправлено 09 Июнь 2016 - 03:58

Прошу помочь с 5.06. пост без ответа :(

#200 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 09 Июнь 2016 - 20:04

Просмотр сообщенияДмитрич (09 Июнь 2016 - 03:58) писал:

Прошу помочь с 5.06. пост без ответа :(

Вам нужно только в разделе каталога это сделать или на всех страницах сайта?




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

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