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


Вопросы По Шаблону Спорт


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

#1 seregakot

seregakot

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

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

Отправлено 23 Февраль 2016 - 21:51

Доброго времени суток .Есть вопросы по шаблону спорт .

1.Если отрисовывать логотип то какой размер и формат его должен быть .
2.Как временно отключить слайдер ? Или выводить товары из категорий ?
3.Возможно ли в шаблоне спорт сделать такой же вид как в шаблоне бистро ? И уменьшить шрифт а то всё название не вмещается .
NoName1.jpg NoName2.jpg

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

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

Просмотр сообщенияseregakot (23 Февраль 2016 - 21:51) писал:

Доброго времени суток .Есть вопросы по шаблону спорт .

1.Если отрисовывать логотип то какой размер и формат его должен быть .
2.Как временно отключить слайдер ? Или выводить товары из категорий ?
3.Возможно ли в шаблоне спорт сделать такой же вид как в шаблоне бистро ? И уменьшить шрифт а то всё название не вмещается .
Прикрепленный файл NoName1.jpgПрикрепленный файл NoName2.jpg

Здравствуйте.
1. При создании логотипа ориентируйтесь на стандартные размеры 267x47px.
2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#slideshow {margin: 0 0;position: relative;}

Замените на:
#slideshow {margin: 0 0;position: relative;display: none;}

3. Вас устроит вариант, если на плитке товара будет отображаться полоса с кнопками купить, в избранное, сравнить без наведения?
Для этого зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.products-grid .item .item-inner:hover .actions {-moz-transform: translateY(000px);-webkit-transform: translateY(000px);-o-transform: translateY(000px);-ms-transform: translateY(000px);transform: translateY(000px);}

Замените на:
.products-grid .item .item-inner .actions {-moz-transform: translateY(000px);-webkit-transform: translateY(000px);-o-transform: translateY(000px);-ms-transform: translateY(000px);transform: translateY(000px);}

Для того, чтобы помещалось название товара:
Найдите код:
.products-grid .item .item-inner .item-info {padding: 10px;overflow: hidden;border-bottom: 1px solid #e5e5e5;max-height: 72px;}

Замените на:
.products-grid .item .item-inner .item-info {padding: 10px;overflow: hidden;border-bottom: 1px solid #e5e5e5;max-height: 100px;}

Найдите код:
.products-grid .item .item-inner .product-name a {font-size: 16px;font-weight: 600;height: 22px;line-height: 22px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

Замените на:
.products-grid .item .item-inner .product-name a {font-size: 16px;font-weight: 600;height: 68px;line-height: 22px;display: block;overflow: hidden;}


#3 seregakot

seregakot

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

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

Отправлено 24 Февраль 2016 - 20:06

Firefly

Спасибо большое

#4 seregakot

seregakot

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

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

Отправлено 27 Февраль 2016 - 11:10

Хотел спросить а возможно ли реализовать такую шапку ?NoName2.jpg
И как убрать категории NoName3.jpg
Спасибо

#5 RedHead

RedHead

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

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

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

Просмотр сообщенияseregakot (27 Февраль 2016 - 11:10) писал:

Хотел спросить а возможно ли реализовать такую шапку ?Прикрепленный файл NoName2.jpg
И как убрать категории Прикрепленный файл NoName3.jpg
Спасибо

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

2) Чтобы убрать категории, в шаблоне ТОВАРЫ удалите блок кода:
<!-- Блок навигации по категориям, вложенным в текущую категорию -->
{% IF goods_empty=0 %}
<div class="categories row">
	 {% FOR nested_categories_list %}
	 <div class="item col-sm-4 col-sms-6 col-smb-12">
		 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="image goods-cat-image-medium">
		 <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=sport{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
		 </a>
		 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="title">{nested_categories_list.NAME}</a>
	 </div>
	 {% ENDFOR %}
</div>
{% ENDIF %}

1) Перед внесением изменений, создайте бэкап!

В шаблоне html замените блок кода:
<!-- Шапка (логотип, каталог)-->
<div id="header-top"></div>
<div id="header">
	 <div class="container">
	 <div class="row">
		 <div class="col-md-3 col-xs-12">
		 <div id="logo">
			 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
		 </div>
		 </div>
		 <div class="col-md-9 col-xs-12">
		 <!-- Меню навигации в шапке -->
		 <div id="custommenu">
			 <!-- Каталог в шапке -->
			 <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			 {% IF MENU_CATALOG %}
			 <ul class="mainnav">
			 {% FOR catalog_full %}
				 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
				 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
					 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
				 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
			 {% ENDFOR %}
			 </ul>
			 {% ELSE %}
			 <!-- Меню в шапке -->
			 <ul class="menunav">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
			 {% ENDIF %}
		 </div>
		 <div id="mommenu" class="menu-collapse">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
			 <i class="fa fa-bars"></i>
			 </span>
			 <span class="menu_catalog">Каталог</span>
			 <div class="menu_collapse_wrap">
			 <div id="menu_collapse" class="mainnav collapse">
				 <ul>
				 {% IFNOT catalog_full_empty %}
				 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
					 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
					 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {% ENDFOR %}
				 {% ENDIF %}
				 </ul>
			 </div>
			 </div>
		 </div>
		 <!-- /END Меню навигации в шапке -->
		 </div>
	 </div>
	 </div>
</div>
<!-- /END Шапка (логотип, каталог)-->
на:

<!-- Шапка (логотип, каталог)-->
<div id="header-top"></div>
<div id="header">
<div class="container">
<div class="row">
<div class="col-md-1 col-xs-12">
<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><i class="fa fa-home"></i></a>
</div>
<div class="col-md-8 col-xs-12">
<!-- Меню навигации в шапке -->
<div id="custommenu">
<!-- Каталог в шапке -->
<!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
{% IF MENU_CATALOG %}
<ul class="mainnav">
{% FOR catalog_full %}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{% ENDFOR %}
</ul>
{% ELSE %}
<!-- Меню в шапке -->
<ul class="menunav">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
{% ENDIF %}
</div>
<div id="mommenu" class="menu-collapse">
<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
<i class="fa fa-bars"></i>
</span>
<span class="menu_catalog">Каталог</span>
<div class="menu_collapse_wrap">
<div id="menu_collapse" class="mainnav collapse">
<ul>
{% IFNOT catalog_full_empty %}
{% FOR catalog_full %}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
</div>
</div>
</div>
<!-- /END Меню навигации в шапке -->
</div>
<div class="col-md-3 col-xs-12">
<div class="htwrp">
{%IFNOT CLIENT_IS_LOGIN%}
<a href="{USER_REGISTER_URL}"><i class="fa fa-user-plus"></i> Регистрация</a> |
<a href="{USER_LOGIN_URL}"><i class="fa fa-sign-in"></i> Вход</a>
{%ELSE%}
<a href="{USER_SETTINGS_URL}"><i class="fa fa-user-plus"></i> Личный кабинет</a> |
<a href="{USER_LOGOUT_URL}"><i class="fa fa-sign-in"></i> Выход</a>
{%ENDIF%}
</div>
</div>
</div>
</div>
</div>
<!-- /END Шапка (логотип, каталог)-->

<div class="double-header">
<div class="container">
<div class="row">
<div class="col-md-3 col-xs-12">
<div id="logo">
<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="footer-contact">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><span class="ft-content"><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></span></p>{% ENDIF %}
{% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">Время работы: {SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
<!-- Форма поиска -->
<div id="search-header">
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
<a href="javascript:void(0);"><em class="fa fa-search">&nbsp;</em></a>
<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
<input type="hidden" name="goods_search_field_id" value="0" />

</form>
</div>
<!-- /Форма поиска -->

</div>
</div>
<div class="col-md-5 col-xs-12">
<div id="header-cart">
<a class="cartanchor" href="{CART_URL}" title="Перейти в корзину">
<div class="incart">
<i class="fa fa-shopping-cart"></i> <b>КОРЗИНА</b></br>
<span class="chover">
&nbsp;&nbsp;{CART_COUNT_TOTAL} товар(ов) - </span></br>
на сумму: {% IF cart_count_empty %}
<span>0 {CURRENCY_NAME}</span>
{% ELSE %}
{% FOR cart_sum %}
{cart_sum.NOW} {CURRENCY_NAME}
{% ENDFOR %}
{% ENDIF %}</span>
</div>
</a></br>
<a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
</div>
</div>
</div>
</div>
</div>

Затем в шаблоне main.css замените строку:
#header {margin-bottom: 20px;}
на:
.double-header {margin-bottom: 20px;}

В конец этого же шаблона добавьте:
.htwrp {
padding: 15px;
font-size: 16px;
font-weight: 700;
}
.htwrp a {
color: #696c79;
}
.htwrp a:hover, i.fa.fa-home:hover {
color: #09afe7;
}
i.fa.fa-home {
color: #696c79;
padding: 10px;
font-size: 24px;
}
#header-cart {
text-align: center;
font-size: 16px;
float: right;
transition: all 0.35s ease;
line-height: 25x;
-webkit-user-select: none;
}
i.fa.fa-shopping-cart{
font-size: 18px;
}
.double-header #search-header input {
position: relative;
right: 0px;
width: 225px;
z-index: 15;
height: 44px;
}
.double-header em.fa.fa-search {
width: 45px;
height: 45px;
line-height: 40px;
color: #fff;
font-size: 16px;
background: #09afe7;
text-align: center;
margin-bottom: 5px;
border: 1px solid #fff;
margin-top: 3px;
}

И замените строки:
#footer-middle .footer-contact .fa {font-size: 16px;color: #09afe7;margin-right: 4px;width: 20px;}
#footer-middle .footer-contact .ft-content a, #footer-middle .footer-contact .ft-content {color: #fff;text-transform: uppercase;}
#footer-middle .footer-contact .ft-content a:hover {color: #09afe7;}
на:
.double-header .footer-contact .fa, #footer-middle .footer-contact .fa {font-size: 16px;color: #09afe7;margin-right: 4px;width: 20px;}
#footer-middle .footer-contact .ft-content a, #footer-middle .footer-contact .ft-content {color: #fff;text-transform: uppercase;}
.double-header .footer-contact a:hover, #footer-middle .footer-contact .ft-content a:hover {color: #09afe7;}
.double-header .phone {font-size:25px;}

Получится примерно так: останется добавить стили по Вашему усмотрению


1.jpg

#6 seregakot

seregakot

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

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

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

Спасибо большое получилось .
А можно поиск переместить NoName3.jpg

#7 RedHead

RedHead

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

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

Отправлено 28 Февраль 2016 - 09:55

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

Спасибо большое получилось .
А можно поиск переместить Прикрепленный файл NoName3.jpg

Здравствуйте. В шаблоне html замените блок кода:
<div class="col-md-4 col-xs-12">
<div class="footer-contact">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><span class="ft-content"><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></span></p>{% ENDIF %}
{% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">Время работы: {SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
<!-- Форма поиска -->
<div id="search-header">
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
<a href="javascript:void(0);"><em class="fa fa-search">&nbsp;</em></a>
<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
<input type="hidden" name="goods_search_field_id" value="0" />
</form>
</div>
<!-- /Форма поиска -->
</div>
</div>
<div class="col-md-5 col-xs-12">
на:
<div class="col-md-3 col-xs-12">
<div class="footer-contact">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><span class="ft-content"><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></span></p>{% ENDIF %}
{% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">Время работы: {SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
</div>
</div>
<div class="col-md-4 col-xs-12">
<!-- Форма поиска -->
<div id="search-header">
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
<a href="javascript:void(0);"><em class="fa fa-search">&nbsp;</em></a>
<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
<input type="hidden" name="goods_search_field_id" value="0" />
</form>
</div>
<!-- /Форма поиска -->
</div>
<div class="col-md-2 col-xs-12">

Результат:

1.jpg

#8 seregakot

seregakot

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

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

Отправлено 28 Февраль 2016 - 14:54

Спасибо большое

#9 seregakot

seregakot

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

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

Отправлено 01 Март 2016 - 22:14

Доброго времени суток . Есть к Вам вопросы .
1. Возможно ли реализовать такую карточку товара ?NoName1.jpg

2.Пытаюсь настроить цели в гугл аналитикс так вот почему при оформлении заказа выдаёт такие разные ссылки ?
order/info/befc1b66b3357b0457d21c22b793c909/9
order/info/038742ae8264aa1fe81adf8f1fd6ed6a/12

3. Сделать корзину такого вида NoName2.jpg

4.Почему так тянет сайт ?NoName3.jpg

5.Сделать вместо Личного кабинетапросто прописать (Вход) NoName4.jpg

6.Сделать красную зачеркнутую цену NoName6.jpg и что это за символ ? NoName5.jpg

Спасибо

#10 RedHead

RedHead

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

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

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

Просмотр сообщенияseregakot (01 Март 2016 - 22:14) писал:

Доброго времени суток . Есть к Вам вопросы .
1. Возможно ли реализовать такую карточку товара ?Прикрепленный файл NoName1.jpg

2.Пытаюсь настроить цели в гугл аналитикс так вот почему при оформлении заказа выдаёт такие разные ссылки ?
order/info/befc1b66b3357b0457d21c22b793c909/9
order/info/038742ae8264aa1fe81adf8f1fd6ed6a/12

3. Сделать корзину такого вида Прикрепленный файл NoName2.jpg

4.Почему так тянет сайт ?Прикрепленный файл NoName3.jpg

5.Сделать вместо Личного кабинетапросто прописать (Вход) Прикрепленный файл NoName4.jpg

6.Сделать красную зачеркнутую цену Прикрепленный файл NoName6.jpg и что это за символ ? Прикрепленный файл NoName5.jpg

Спасибо

Здравствуйте. Перед внесением изменений, создайте бэкап.

3) В шаблоне html замените блок кода:
<div class="incart">
<i class="fa fa-shopping-cart"></i> <b>КОРЗИНА</b></br>
<span class="chover">
&nbsp;&nbsp;{CART_COUNT_TOTAL} товар(ов) - </span></br>
на сумму: {% IF cart_count_empty %}
<span>0 {CURRENCY_NAME}</span>
{% ELSE %}
{% FOR cart_sum %}
{cart_sum.NOW} {CURRENCY_NAME}
{% ENDFOR %}
{% ENDIF %}</span>
</div>
на:
<div class="incart">
<i class="fa fa-shopping-cart"></i> Ваш заказ:</br>
<span class="chover">
{% FOR cart_sum %}
<div class="subtotal"><span class="total-sum">{cart_sum.NOW | money_format}</span></div>
{% ENDFOR %}
</span>
</div>

В конец main.css добавьте:
.incart {
	 padding: 8px 15px;
font-size: 16px;
text-align: center;
background-color: #09afe7;
color: #fff;
}
.incart:hover {
background-color: #b8b8b8;
}


4) Что Вы имеете ввиду? Не обнаружили, ни на одном разрешении экрана , такого отображения логотипа.

5) В шаблоне html замените строку:
<a href="{USER_SETTINGS_URL}"><i class="fa fa-user-plus"></i> Личный кабинет</a> |
на:
<a href="{USER_SETTINGS_URL}"><i class="fa fa-user-plus"></i> Вход</a> |

6) В шаблоне main.css замените строку:
.old-price .price {font-size: 14px;color: #70737c;text-decoration: line-through;font-weight: 400;}
на:
.old-price .price {font-size: 14px;color: red;text-decoration: line-through;font-weight: 400;}

Далее в этом же шаблоне удалите строку:
.product-view .product-shop .price-box .old-price > span:after {content: "\f158";display: inline-block;font-family: FontAwesome;font-weight: 300;font-size: 80%;line-height: 1;margin-left: 5px;}

1) В шаблоне ТОВАР замените блок кода:
Скрытый текст
на:
Скрытый текст


В шаблоне main.css замените:
.product-view .product-shop .ratings {float: right;}
на:
.product-view .product-shop .ratings {float: left;}

.rating-box {float: left;margin-top: 0px;width: 70px;height: 12px;background: url('{ASSETS_IMAGES_PATH}bkg_rating_hover.png?design=sport') 0 0px repeat-x;overflow: hidden;}
на:
.rating-box {float: left;margin-top: 0px;width: 70px;height: 12px;background: url('{ASSETS_IMAGES_PATH}bkg_rating_hover.png?design=sport') 0 0px repeat-x;overflow: hidden;margin-top: 6px;margin-right: 10px;}

в конец шаблона добавьте:
.product-shop .goodsDataOpinionShowAddForm {
font-size: 13px;
padding:7px;
text-decoration: none;
display: inline-block;
background: #f8f8f8;
}

ul.add-to-links.f-fix {
width: 50%;
}

строку
.product-view .product-shop .short-description {display: inline-block;margin-top: 10px;padding-top: 10px;border-top: 1px solid #e5e5e5;}
замените на
.product-view .product-shop .short-description {display: inline-block;margin-top: 10px;}

.product-view .product-shop .price-box {float: left;margin-bottom: 10px;}
на:

.product-view .product-shop .price-box {float: right;margin-bottom: 10px; display: inline-block;}
.goodsDataMainModificationAvailable.f-fix {width: 50%;}
.goodsDataMainModificationArtNumber.f-fix {float: right;display: inline-block;text-align: right;margin-bottom: 10px;}

.product-view .product-shop .add-to-box .add-to-cart {margin-bottom: 20px;}
на:
.product-view .product-shop .add-to-box .add-to-cart {width: 50%;float: right;}

.product-view .product-shop .add-to-box .wrap-qty {background: #f8f8f8;margin-left: 30px;display: inline-block;float: right;}
на:
.product-view .product-shop .add-to-box .wrap-qty {background: #f8f8f8;margin-right: 10px;display: inline-block;float: left;}

.product-view .product-shop .add-to-box .add-to-cart .add-cart.quick {clear: both;margin-top: 10px;}
на:
.product-view .product-shop .add-to-box .add-to-cart .add-cart.quick {clear: both;margin-top: 10px;float: right;margin-bottom: 10px;}

.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 16px;line-height: 100%;background: #09afe7;padding: 12px 20px;float: left;}
на:
.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 16px;line-height: 100%;background: #09afe7;padding: 12px 20px;float: left; width: 175px;}

Результат:

1.jpg

2) Ссылки на заказы будут разные по той причине, что заказы разные (для каждого нового заказа- новая ссылка). Если Вы имели ввиду не это, то пришлите, пожалуйста нам инструкцию, которую Вы получили от Гугл Аналитик и уточните, какие цели Вы настраиваете.

#11 seregakot

seregakot

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

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

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

Спасибо большое за ответ .

Пункт 3,5,6 получилось .

Пункт 4 при сворачивании окна баузера NoName7.jpg
И это нормально для индексации ?

А по 2 я имел ввиду что как сделать цель добавления в корзину и цель оформления заказа

Пункт 1 я еще не побывал изменять но можете глянуть index.jpg
1 уменьшить размер
2 не в корзину а заказать и тоже чучуть уменьшить

#12 seregakot

seregakot

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

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

Отправлено 04 Март 2016 - 13:25

Кто то поможет ?

#13 Юля123

Юля123

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

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

Отправлено 04 Март 2016 - 15:09

Просмотр сообщенияseregakot (04 Март 2016 - 13:25) писал:

Кто то поможет ?


1) В мобильной версии выставлено значение для логотипа width:100%; Вы хотите это изменить?

2) Вопрос по индексации. То что в ссылке стоит после знака вопроса, при индексации не учитывается, но нужна эта часть, т.к. это значение модификации.

3) Инструкция по настройке, вам нужен пункт цель -  переход по ссылке или нажатие кнопки. Если у Вас не получится настроить, то напишите запрос через обратную связь, с просьбой о помощи в подключении, так же укажите идентификатор цели. Вам помогут с установкой.

4) Зайдите в шаблон Товар, найдите код:

<button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>В корзину</button>

"В корзину" изменяйте на нужный текст.


5) В main.css код:

.product-view .product-shop .add-to-box .add-to-links li a {background: #f8f8f8;text-transform: uppercase;font-weight: 600;color: #909090;display: inline-block;padding-left: 10px;font-family: Open Sans, sans-serif;}

замените на код:


.product-view .product-shop .add-to-box .add-to-links li a {
	background: #f8f8f8;
	text-transform: uppercase;
	font-weight: 600;
	color: #909090;
	display: inline-block;
	padding-left: 10px;
	line-height: 11px !important;
	font-size: 11px;
	font-family: Open Sans, sans-serif;
}

Вам нужно только кнопку "в корзину" уменьшить, или и быстрый заказ тоже? Если все кнопки, тогда найдите в main.css код:

.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 16px;line-height: 100%;background: #09afe7;padding: 12px 20px;float: left;}

и замените на код:

.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 14px;line-height: 100%;background: #09afe7;padding: 10px 20px;float: left;}

далее код:

.product-view .product-shop .add-to-box .add-to-links li a:after {font-family: FontAwesome;font-size: 20px;color: #ffffff;font-style: normal;line-height: 40px;width: 40px;display: inline-block;text-align: center;background: #b8b8b8;margin-left: 10px;}

и замените на код:

.product-view .product-shop .add-to-box .add-to-links li a:after {
	font-family: FontAwesome;
	font-size: 17px;
	color: #ffffff;
	font-style: normal;
	line-height: 31px;
	width: 28px;
	display: inline-block;
	text-align: center;
	background: #b8b8b8;
	margin-left: 10px;
}


#14 seregakot

seregakot

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

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

Отправлено 12 Март 2016 - 21:28

Спасибо большое за ответы .
Есть вопросики .

Сделать поиск на уровне телефона сузить (еще не работает кнопка поиска)NoName.jpg
И под телефоном и поиском сделать вот так NoName1.jpg


Выровнять кнопки NoName3.jpg


В форме быстрого заказа убрать NoName4.jpg
NoName5.jpg

И это NoName6.jpg

При наведении на кнопки они уж слишком выделяются
Как то сузить выделения только слова NoName7.jpg

И еще вопрос

А зависят ли то что я прописываю каждую характеристику вручную (очень много времени уж уходит) на фильтры ?N1.jpg
Или можно все это один раз прописать в настройках ?

Спасибо.

#15 seregakot

seregakot

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

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

Отправлено 14 Март 2016 - 11:32

Кто то поможет ?

#16 seregakot

seregakot

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

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

Отправлено 14 Март 2016 - 20:24

Уже прошло два дня

#17 Юля123

Юля123

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

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

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

Просмотр сообщенияseregakot (12 Март 2016 - 21:28) писал:

Спасибо большое за ответы .
Есть вопросики .

Сделать поиск на уровне телефона сузить (еще не работает кнопка поиска)Прикрепленный файл NoName.jpg
И под телефоном и поиском сделать вот так Прикрепленный файл NoName1.jpg


Выровнять кнопки Прикрепленный файл NoName3.jpg


В форме быстрого заказа убрать Прикрепленный файл NoName4.jpg
Прикрепленный файл NoName5.jpg

И это Прикрепленный файл NoName6.jpg

При наведении на кнопки они уж слишком выделяются
Как то сузить выделения только слова Прикрепленный файл NoName7.jpg

И еще вопрос

А зависят ли то что я прописываю каждую характеристику вручную (очень много времени уж уходит) на фильтры ?Прикрепленный файл N1.jpg
Или можно все это один раз прописать в настройках ?

Спасибо.


Здравствуйте, извините за ожидание. Перед изменениями создайте бекап шаблона.

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

Если нужно для десктопной версии переместить поиск, тогда в шаблоне  HTML найдите и удалите код:


[/font][/color]
<div class="col-md-4 col-xs-12">
<!-- Форма поиска -->
<div id="search-header">
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
<a href="javascript:void(0);"><em class="fa fa-search">&nbsp;</em></a>
<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
<input type="hidden" name="goods_search_field_id" value="0" />
</form>
</div>
<!-- /Форма поиска -->
</div>
[color=#282828][font=helvetica, arial, sans-serif]

далее код:


<div class="footer-contact">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><span class="ft-content"><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></span></p>{% ENDIF %}
{% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">Время работы: {SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
</div>

замените на код:

[/font][/color]
<div class="footer-contact">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><span class="ft-content"><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></span></p>{% ENDIF %}
<div class="header-search">
			<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
			  <div class="form-search">
				<input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину...">
				<input type="hidden" name="goods_search_field_id" value="0">
				<button type="submit" title="Искать" class="fa fa-search"></button>
			  </div>
			</form>
		</div>

{% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">Время работы: {SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
</div>
[color=#282828][font=helvetica, arial, sans-serif]

В конце main.css добавьте код:

.form-search .fa {width: 45px !important;height: 45px;line-height: 45px;color: #fff !important;font-size: 16px;background: #09afe7;text-align: center;margin-bottom: 5px;border: 1px solid #fff;}
input.input-text.search-string {
	height: 45px;
	vertical-align: top;
}
.header-search {
	display: inline-block;
}
.double-header .phone {
	display: inline-block;
	margin-right: 1%;
}


2) Выровнять кнопки. В конце main.css добавьте код:

.product-view .product-shop .add-to-box .add-to-links li a.add-wishlist:after {
	margin-left: 15px;
}

далее там же найдите код:

.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 14px;line-height: 100%;background: #09afe7;padding: 10px 20px;float: left;}

и замените на код:

.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 14px;line-height: 100%;background: #09afe7;padding: 10px 20px;float: right;width: 165px;}

3) В форме быстрого заказа убрать. В шаблоне "Быстрый заказ" код:

<div class="delivery">

замените на код:

<div class="delivery" style="display:none;">

В конце main.css добавьте код:

.payment {
	display: none;
}

Адрес доставки не нужно убирать?

4) Как то сузить выделения только слова. В main.css найдите код:

#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #696c79;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}

и замените на код:

#custommenu ul.menunav li > a {display: block;padding: 0px 15px;color: #696c79;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}

5)

Цитата

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


Уточните, пожалуйста, не совсем поняла суть вопроса.

#18 seregakot

seregakot

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

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

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

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

#19 Юля123

Юля123

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

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

Отправлено 15 Март 2016 - 11:22

Просмотр сообщенияseregakot (15 Март 2016 - 10:59) писал:

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

В товаре характеристики выбирать по другому не получится. Если только в csv-файле указывать все характеристики для товара, тогда они выстроятся автоматически.

Про фильтры. Вы хотите вывести фильтры? Для этого нужно зайти в разделе Товары-Товары в настройку определенной категории, в редакторе в самом низу будет пункт  "Добавить фильтр по характеристикам товаров" и "Добавить фильтр по свойствам товаров". В разделе Товары - свойства и Товары - Характеристики внесите все возможные варианты. Тогда процесс ускорится. Если в категории есть  товары с характеристиками из списка, то фильтр можно добавить в один клик, просто нажав на +

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

  • QIP Shot - Screen 223.png


#20 seregakot

seregakot

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

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

Отправлено 16 Март 2016 - 21:37

Спасибо за ответ .
Получилось всё кроме первого вопроса
мне нужно вот вместо этого N12212.jpg

вот такое  N1221.jpg
сузить поиск и починить кнопку поиска

И вопрос по футеру
Сузить расстояния и убрать соц кнопки
N122124.jpg




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

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