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


Помогите С Переделкой Дизайна

Дизайн переделка исправления

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

#41 Эл Мороз

Эл Мороз

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

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

Отправлено 28 Июнь 2015 - 20:23

Просмотр сообщенияMikDark (27 Июнь 2015 - 17:34) писал:

Попробуйте в шаблоне Товары найти код:
<span class="price">{goods.MIN_PRICE_NOW | money_format}</span>

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

<span class="price">{goods.MIN_PRICE_NOW | money_format} - {goods.MAX_PRICE_NOW | money_format}</span>

спасибо

#42 Эл Мороз

Эл Мороз

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

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

Отправлено 06 Июль 2015 - 13:57

Помогите со следующими изменениями:
1) Перенести телефон магазина,
                       время работы магазина,
                       поисковик,
                       корзину
в шапку черной полосы и сделать так, чтобы эта полоса была постоянно видна, даже когда опускаешь вниз до подвала или листаешь товары:
рис. Шапка - черная полоса - https://cloud.mail.r.../MTvA/YHjHbYryn

2) В подвале убрать значки систем оплаты и контакты и вместо этого добавить информацию об адресах розничных магазинов:
рис. Подвал - https://cloud.mail.r.../8HVx/rv9gK9Jgf

Жду Вашей помощи, заранее спасибо.

#43 Эл Мороз

Эл Мороз

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

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

Отправлено 23 Июль 2015 - 15:44

Это сложная задача?? Почему никто так долго не отвечает??

Хоть какие предложения есть или хотя бы частично что-то сделать можно??

#44 Vaccina

Vaccina

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

  • Модераторы
  • 21 167 сообщений

Отправлено 24 Июль 2015 - 02:20

Простите за ожидание, в шаблоне HTML найдите и удалите:
<div id="header-right">
	 <div id="header_user_info">
		 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
		 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
			 <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			 {% IFNOT SETTINGS_COMPARE_DISABLE %}
			 {% IF COMPARE_GOODS_COUNT=0 %}
				 <div class="menuCompare" style="visibility: hidden;">
				 <em>Ваш список сравнения пуст</em>
				 </div>
			 {% ELSE %}
				 <div class="menuCompare">
				 <em>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</em><br />
				 </div>
			 {% ENDIF %}
			 {% ENDIF %}
		 {% ENDIF %}
		 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
	 </div>
		 <!-- Корзина -->
	 <div id="header_shopping_cart">
	 <div id="shopping_cart">
	 <a href="{CART_URL}" title="Перейти в корзину">
			 {% IF cart_count_empty %}
				 <span class="ajax_cart_no_product">Корзина пуста</span>
			 {% ELSE %}
				 <span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
			 {% ENDIF %}	
	 <span class="down_arrow_dark"></span>
	 </a>
	 </div>
	 </div>		
		 <!-- Форма поиска -->
		 <div id="search_block_top">
		 <form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;">
			 <div class="search_block_top_form">
			 <input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
			 <input type="submit" name="submit_search" title="Искать" value="" class="search_button">
			 </div>
		 </form>
		 </div>
		 <!-- /Форма поиска -->
		 <div id="cart_block">
	 <div id="cart_block_bottom">
	 <div id="cart_block_other_costs">
	 <div class="other_cost_wrapper" style="width: 100%">
				 {% IF cart_count_empty %}
				 <p id="cart_block_no_products">Ваша корзина пуста</p>
				 {% ELSE %}
		 <span>Товаров </span>
		 <span class="price" id="cart_block_shipping_cost">{CART_COUNT_TOTAL}</span>
				 <span>на сумму </span>
		 {% ENDIF %}
		 <span class="price" id="cart_block_total" style="text-align: right;">{% IF cart_count_empty %}{% ELSE %}{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</span>
	 </div>
	 </div>
	 <div id="cart_block_total_checkout">
	 <a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a>
	 </div>
	 </div>
	 </div>
		 <div class="clear"></div>	
	 </div>

<div class="block">
	 <h4>Контакты</h4>
	 <a class="open-close-footer" href="#"></a>
	 <div class="block_content">
	 <!-- Контактный телефон -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			 <div class="contacts">
			 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				 <!-- Первый контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <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>
				 {% ENDIF %}
				 <!-- Второй контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
				 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER2}
				 </a>
				 {% ENDIF %}

				 <!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
				 </a>
				 {% ENDIF %}
				
			 </div>
			
			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
				 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				 {SETTINGS_STORE_WORK_TIME}
				 </div>
			 {% ENDIF %}
			 <!-- Контакт Skype -->
			 {% IF SETTINGS_STORE_SKYPE %}
				 <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
			 {% ENDIF %}
			 <!-- Номер ICQ на сайте -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <div class="clear"></div>
				 <div class="icq-number left">
				 <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
				 <span>{SETTINGS_STORE_ICQ}</span>
				 </div>
			 {% ENDIF %}

			 <div class="clear"></div>
			 </div>
		 {% ENDIF %}
			
		 <table width="100%" class="payment_sistem">
			 <tr>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm.png?design=autumn" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png?design=autumn" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png?design=autumn" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png?design=autumn" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard.png?design=autumn" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td>
			 </tr>
			 <tr>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi.png?design=autumn" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms.png?design=autumn" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro.png?design=autumn" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc.png?design=autumn" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png?design=autumn" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td>
			 </tr>
		 </table>
	 </div>
</div>


далее найдите:
</head>
<body>
<div class="group" id="wrapper">

после него вставьте следующий код:
<div class="fix_header">
<!-- Контактный телефон -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			 <div class="contacts">
			 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				 <!-- Первый контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <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>
				 {% ENDIF %}
				 <!-- Второй контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
				 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER2}
				 </a>
				 {% ENDIF %}

				 <!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
				 </a>
				 {% ENDIF %}
				
			 </div>
			 <div class="clear"></div>
			 </div>
		 {% ENDIF %}


<!-- Корзина -->
	 <div id="header_shopping_cart">
	 <div id="shopping_cart">
	 <a href="{CART_URL}" title="Перейти в корзину">
			 {% IF cart_count_empty %}
				 <span class="ajax_cart_no_product">Корзина пуста</span>
			 {% ELSE %}
				 <span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
			 {% ENDIF %}	
	 <span class="down_arrow_dark"></span>
	 </a>
	 </div>
	 </div>		
		 <!-- Форма поиска -->
		 <div id="search_block_top">
		 <form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;">
			 <div class="search_block_top_form">
			 <input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
			 <input type="submit" name="submit_search" title="Искать" value="" class="search_button">
			 </div>
		 </form>
		 </div>
		 <!-- /Форма поиска -->
		 <div id="cart_block">
	 <div id="cart_block_bottom">
	 <div id="cart_block_other_costs">
	 <div class="other_cost_wrapper" style="width: 100%">
				 {% IF cart_count_empty %}
				 <p id="cart_block_no_products">Ваша корзина пуста</p>
				 {% ELSE %}
		 <span>Товаров </span>
		 <span class="price" id="cart_block_shipping_cost">{CART_COUNT_TOTAL}</span>
				 <span>на сумму </span>
		 {% ENDIF %}
		 <span class="price" id="cart_block_total" style="text-align: right;">{% IF cart_count_empty %}{% ELSE %}{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</span>
	 </div>
	 </div>
	 <div id="cart_block_total_checkout">
	 <a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a>
	 </div>
	 </div>
	 </div>
</div>

в конец style.css вставьте:
.fix_header .contacts {
color: #fff;
float: left;
padding: 0 10px;
}
.fix_header .contacts a {
color: #fff;
}
.fix_header {
background: #3c3c3c;
padding: 10px 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}

далее найдите:
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png?design=autumn') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

замените на:
#header_shopping_cart{position: static;width:170px;float:right;margin-right:10px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png?design=autumn') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

далее найдите:
#search_block_top {
float: right;
margin: 26px 10px 0 0;
position: static;
}
замените на:
#search_block_top {
float: right;
margin: 0 10px 0 0;
position: static;
}

далее найдите:
#header-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}
замените на:
#header-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10;padding-top: 40px;}


У вас должен получится следующий результат:
123.jpg

На счет подвала, в шаблоне HTML найдите:
</div>
	  </div>
		{% ENDIF %}
		<!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->

после него разместите:
<div class="block">
	   <h4>Адреса наших розничных магазинов</h4>
	   <a class="open-close-footer" href="#"></a>
	   <div class="block_content">
		<ul class="bullet">
				  <li>первый адрес</li>
	  <li>второй адрес</li>
		</ul>
	   </div>
	  </div>


#45 Эл Мороз

Эл Мороз

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

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

Отправлено 29 Июль 2015 - 22:52

Просмотр сообщенияVaccina (24 Июль 2015 - 02:20) писал:

Простите за ожидание, в шаблоне HTML найдите и удалите:

Благодарю за проделанную работу!) А то уже подумал, меня игнорят..
Будет несколько заметок, завтра распишу подробно)





Темы с аналогичным тегами Дизайн, переделка, исправления

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

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