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


Товары На Главной


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

#1 СтаниславГурулёв

СтаниславГурулёв

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

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

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

1.Не могу разместить на главной весь каталог товаров, показывает только категорию товара!
Screenshot_10.png
Тут не чего не меняеться!
2. Надо оставить одну кнопку и переименовать ее КУПИТЬ и сделать цвет кнопки зеленый, когда нажимаешь на КУПИТЬ товар просто добавляеться в корзину
Screenshot_11.png

-Поменять тоже звет кнопки ОФОРМИТЬ ЗАКАЗ на зеленый
Screenshot_10.png

3. Нужно что бы название товара отображалось полностью
Screenshot_10.png

4. Убрать выезжающее окощечко(указано стрелками) что бы просто оно подсвечивалось(и можно было просто навести и нажать и после нажатия уже открывалось полностью характеристика)
и просто внизу добавить кнопку купить, когда ее нажимаешь товар добавляется в карзину

ЗАРАНЕЕ БЛАГОДАРЕЕЕН ОЧЕНЬ, думаю понятно написал=) Сплю просто

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

  • Screenshot_12.png
  • Screenshot_13.png


#2 Mr.Nito

Mr.Nito

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

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

Отправлено 25 Февраль 2018 - 20:46

Здравствуйте.
Уточните Ваш номер аккаунта

1.
В шаблоне Товары
<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
замените на
<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
{% IF goods_empty=1 && goods_filters_empty=1 %}

{% ELSE %}

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
{% IF goods_empty=0 %}

замените на
{% ELSE %}
{% IFNOT index_page%}
	 <!-- Блок навигации по категориям, вложенным в текущую категорию -->
	 {% IF goods_empty=0 %}

{% ENDIF %}
	
<!-- Если нет товаров, выводим сообщение пользователю -->
замените на

	 {% ENDIF %}
{% ENDIF %}
<!-- Если нет товаров, выводим сообщение пользователю -->

2.В main.css
Для кнопки В корзину

.product-shop .add-to-cart .btn-cart {position: relative;padding: 12px 24px 12px 53px;margin: 0 0;font-size: 14px;background: #c0c0c0;color: #FFF;border-color: #c0c0c0;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background-image: url("/design/action-llist.png?design=azure");background-repeat: no-repeat;background-position: 9px -346px;}

замените на

.product-shop .add-to-cart .btn-cart {position: relative;padding: 12px 24px 12px 53px;margin: 0 0;font-size: 14px;background: #4CAF50;color: #FFF;border-color: #8BC34A;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background-image: url("/design/action-llist.png?design=azure");background-repeat: no-repeat;background-position: 9px -346px;}

при наведении

.product-shop .add-to-cart .btn-cart:hover {background-color: #3cabda;border-color: #3cabda;}

на

.product-shop .add-to-cart .btn-cart:hover {background-color: #3b843e;border-color: #8BC34A;}

Кнопка оформить заказ

после
/*** Корзина ***/

добавить
a#startOrder {
	background:  #4CAF50;
	border-color: #8BC34A;
	color: #fff
}



3. Вопрос уже обсуждался
https://forum.storel...арточки-товара/
или
https://forum.storel...азвание-товара/

4.Прикрепите ещё раз скриншот, он не сохранился.

#3 СтаниславГурулёв

СтаниславГурулёв

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

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

Отправлено 26 Февраль 2018 - 13:57

m352251

4.Прикрепите ещё раз скриншот, он не сохранился.

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

  • Screenshot_14.png


#4 Firefly

Firefly

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

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

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

Просмотр сообщенияСтаниславГурулёв (26 Февраль 2018 - 13:57) писал:

m352251

4.Прикрепите ещё раз скриншот, он не сохранился.

Здравствуйте.
Внес Вам изменения для плитки товаров и после создал бэкап.
Проверьте, пожалуйста, результат. Плашку всплывающую пока скрыл, если понадобится - ее можно будет легко вернуть.

#5 СтаниславГурулёв

СтаниславГурулёв

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

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

Отправлено 01 Март 2018 - 09:21

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

Здравствуйте.
Внес Вам изменения для плитки товаров и после создал бэкап.
Проверьте, пожалуйста, результат. Плашку всплывающую пока скрыл, если понадобится - ее можно будет легко вернуть.

Все огонь!!!! Можно еще только цвет на зеленый поменять в корзину?

#6 Firefly

Firefly

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

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

Отправлено 01 Март 2018 - 09:45

Просмотр сообщенияСтаниславГурулёв (01 Март 2018 - 09:21) писал:

Все огонь!!!! Можно еще только цвет на зеленый поменять в корзину?

Внес Вам правки. Проверьте, пожалуйста.

#7 СтаниславГурулёв

СтаниславГурулёв

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

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

Отправлено 01 Март 2018 - 09:59

Просмотр сообщенияFirefly (01 Март 2018 - 09:45) писал:

Внес Вам правки. Проверьте, пожалуйста.
Все нравиться И у меня еще не большая просьба!!
в общем:
1. Нужно убрать крайний левый значок и поменять значок твитера на инстограм
И подскажите пожалуйста, где добавить ссылки к этим значкам(инстограм, ютюб и ВК)
1.png


2. Переташить телефон в центр шапки и что бы была возможность добавить 2 телефона и под ними был график работы
2.png
3.png
Вот так!
Заранее благодаарюю!!!

#8 СтаниславГурулёв

СтаниславГурулёв

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

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

Отправлено 09 Апрель 2018 - 20:41

Просмотр сообщенияFirefly (01 Март 2018 - 09:45) писал:

Внес Вам правки. Проверьте, пожалуйста.
ДАЙТЕ МНЕ ОТВЕТ!

#9 Vaccina

Vaccina

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

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

Отправлено 10 Апрель 2018 - 06:54

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

Простите за ожидание. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<ul class="contact-us-now">
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <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></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <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></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <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></li>{% ENDIF %}
		 </ul>
		 </div>
		 <div class="topheader-right col-md-7 col-sms-3 col-smb-6">
		 <div class="inner">
			 <div class="sns-quickaccess">
			 <div class="quickaccess-inner">
				 <span class="welcome">Добро пожаловать!</span>
				 <ul class="links">
				 {% FOR menu %}
					 {% FOR header %}
					 {% FOR links %}
						 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					 {% ENDFOR %}
					 {% ENDFOR %}
				 {% ENDFOR %}
				 </ul>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
	 <!-- /END Верхняя часть Шапки -->
	 <!-- Основная часть Шапки -->
	 <div id="header" class="wrap">
	 <div class="container">
		 <div class="row">
		 <!-- Logo -->
		 <div id="logo" class="col-sm-4 col-xs-12">
			 <a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">
			 <img src="{ASSETS_IMAGES_PATH}logo.png?design=azure" alt="{SETTINGS_STORE_NAME}">
			 </a>
		 </div>
		 <!-- END: Logo -->
		 <div class="header-right col-sm-8 col-xs-12">
			 <div class="header-right-inner">
			 <ul class="connect-us">
				 <li><a href="#" class="fa fa-facebook"></a></li>
				 <li><a href="#" class="fa fa-twitter"></a></li>
				 <li><a href="#" class="fa fa-youtube"></a></li>
				 <li><a href="#" class="fa fa-vk"></a></li>
			 </ul>



замените на:
<ul class="contact-us-now">
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
		 </ul>
		 </div>
		 <div class="topheader-right col-md-7 col-sms-3 col-smb-6">
		 <div class="inner">
			 <div class="sns-quickaccess">
			 <div class="quickaccess-inner">
				 <span class="welcome">Добро пожаловать!</span>
				 <ul class="links">
				 {% FOR menu %}
					 {% FOR header %}
					 {% FOR links %}
						 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					 {% ENDFOR %}
					 {% ENDFOR %}
				 {% ENDFOR %}
				 </ul>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
	 <!-- /END Верхняя часть Шапки -->
	 <!-- Основная часть Шапки -->
	 <div id="header" class="wrap">
	 <div class="container">
		 <div class="row">
		 <!-- Logo -->
		 <div id="logo" class="col-sm-3 col-xs-12">
			 <a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">
			 <img src="{ASSETS_IMAGES_PATH}logo.png?design=azure" alt="{SETTINGS_STORE_NAME}">
			 </a>
		 </div>
		 <!-- END: Logo -->
		 <div class="header-right col-sm-9 col-xs-12">
			 <div class="header-left-inner">
			 <ul class="contact-us-now">
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <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></li>{% ENDIF %}
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone"><label>Телефон</label>: <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></li>{% ENDIF %}
				 {% IF SETTINGS_STORE_WORK_TIME %}<li><span class="c-worktime">Время работы : {SETTINGS_STORE_WORK_TIME}</span></li>{% ENDIF %}
			 </ul>
			 </div>
			 <div class="header-right-inner">
			 <ul class="connect-us">
				 <li><a href="#" class="fa fa-instagram"></a></li>
				 <li><a href="#" class="fa fa-youtube"></a></li>
				 <li><a href="#" class="fa fa-vk"></a></li>
			 </ul>


В данном блоке:
			 <ul class="connect-us">
				 <li><a href="#" class="fa fa-instagram"></a></li>
				 <li><a href="#" class="fa fa-youtube"></a></li>
				 <li><a href="#" class="fa fa-vk"></a></li>
			 </ul>

вместо символа # укажите ссылки на страницы социальных сетей.

Далее зайдите в main.css - найдите:
#header .header-right {display: block;float: left;}
#header .header-right .header-right-inner {float:right;}

перед ним пропишите:
#header .header-right .header-left-inner{float: left;}
#header .header-right .header-left-inner ul{margin:0;list-style:none;}
#header .header-right .header-left-inner span, #header .header-right .header-left-inner a, #header .header-right .header-left-inner label{color:#1669A9;font: bold 20px Times New Roman;}

График работы и второй телефон укажите в разделе Настройки - Основные.

Navi Store.png




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

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