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


Изменение Дизайна

Хамелеон дизайн.

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

#1 Исмаил

Исмаил

    Пользователь

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

Отправлено 17 Февраль 2018 - 17:34

Добрый день! Помогите пожалуйста внести  изменения в дизайне раздела "Каталог".  

1. Слева добавить "Каталог", "Вы смотрели" в раздел "Каталог".
2. Добавить строку навигации под слайдер, сделав как-бы обрамление слайдера, растянув её по всей длине и расширив на 1/2.
3. Убрать надпись Price Profit и пунктирную линию под ней.
Скрин1 - как было. Скрин2 - как должно стать. Заранее большое спасибо! :)

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

  • Скрин1.jpg
  • Скрин2.jpg


#2 Danil

Danil

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

  • Модераторы
  • 4 645 сообщений

Отправлено 18 Февраль 2018 - 14:24

Просмотр сообщенияИсмаил (17 Февраль 2018 - 17:34) писал:

Добрый день! Помогите пожалуйста внести  изменения в дизайне раздела "Каталог".  

1. Слева добавить "Каталог", "Вы смотрели" в раздел "Каталог".
2. Добавить строку навигации под слайдер, сделав как-бы обрамление слайдера, растянув её по всей длине и расширив на 1/2.
3. Убрать надпись Price Profit и пунктирную линию под ней.
Скрин1 - как было. Скрин2 - как должно стать. Заранее большое спасибо! :)
Здравствуйте.
В шаблоне html найдите и удалите код
{%IFNOT index_page && ACT != login && MOD_LNAME != cart%}
Так же найдите код
		{%ENDIF%}
		  <div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-9{%ENDIF%}">
и замените на
		  <div class="cols col-9">


#3 Исмаил

Исмаил

    Пользователь

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

Отправлено 18 Февраль 2018 - 16:05

Просмотр сообщенияDanil (18 Февраль 2018 - 14:24) писал:

Здравствуйте.
В шаблоне html найдите и удалите код
{%IFNOT index_page && ACT != login && MOD_LNAME != cart%}
Так же найдите код
	 {%ENDIF%}
		 <div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-9{%ENDIF%}">
и замените на
		 <div class="cols col-9">

Спасибо за помощь! Единственное, хотелось бы выровнять надпись Price Profit на уровень Каталога. (1)
И если можно, то сделать так, чтобы в ряду было 4 категории, но при этом не теряя качество и размер изображения. (2)

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

  • Скрин3.jpg


#4 Danil

Danil

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

  • Модераторы
  • 4 645 сообщений

Отправлено 19 Февраль 2018 - 18:47

Просмотр сообщенияИсмаил (18 Февраль 2018 - 16:05) писал:

Спасибо за помощь! Единственное, хотелось бы выровнять надпись Price Profit на уровень Каталога. (1)
И если можно, то сделать так, чтобы в ряду было 4 категории, но при этом не теряя качество и размер изображения. (2)
Здравствуйте.
Если Вам нужно сделать по 4 категории/товара в ряд на все страницах, то в main.css найдите код
.contwrap{width:70%;margin:25px auto 0 auto;min-height:730px;}
и замените на
.contwrap{width:80%;margin:25px auto 0 auto;min-height:730px;}
Если только для главной, то в шаблоне html найдите код
  <div class="globalWrap">
и замените на
  <div class="globalWrap {% IF index_page %}index_page{% ENDIF %}">
В main.css найдите код
.contwrap{width:70%;margin:25px auto 0 auto;min-height:730px;}
и замените на
.contwrap{width:70%;margin:25px auto 0 auto;min-height:730px;}
.index_page .contwrap{width:80%;}
--------------------------------
В main.css найдите код
.login{width:138px;margin:6px auto 0 auto;}
и замените на
.login{width:165px;margin:6px auto 0 auto;}
В шаблоне html найдите код
			 <!-- Первый контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
						  <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Звоните:</span></span>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {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}
							</a>
						  </div>
						{% ENDIF %}
						<!--END Первый контактный телефон -->
и замените на
			 <!-- Первый контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
						  <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Звоните:</span></span>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {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}
							</a>
<p>(ВАШ ТЕКСТ В СКОБОЧКАХ)</p>
						  </div>
						{% ENDIF %}
						<!--END Первый контактный телефон -->
Так же найдите код
												 <!-- Первый контактный телефон -->
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}										 
												 <div class="fph1">
														 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
														 <span class="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span>
														 <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}
														 </a>
												 </div>
												 {% ENDIF %}
												 <!--END Первый контактный телефон -->
и замените на
												 <!-- Первый контактный телефон -->
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}										 
												 <div class="fph1">
<p>(ВАШ ТЕКСТ В СКОБОЧКАХ)</p>
														 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
														 <span class="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span>
														 <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}
														 </a>
												 </div>
												 {% ENDIF %}
												 <!--END Первый контактный телефон -->
В обоих случаях в строке
<p>(ВАШ ТЕКСТ В СКОБОЧКАХ)</p>
замените текст на свой.




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

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