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


Вопрос По Сайту ? ---Фриг---


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

#41 Vaccina

Vaccina

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

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

Отправлено 11 Июль 2017 - 06:24

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

Зайдите в раздел Сайт - Меню - создайте блоки меню со следующими переменными(в скобках только пояснение к какому меню принадлежит переменная, их не нужно записывать в id поля блока меню):
- catalog (каталог)
- uslugi (услуги)
- company (компания)
- brands (бренды)
- ventil (вентиляция)

Далее зайдите в раздел Сайт - Редактор шаблонов - HTML- найдите:
<!-- Подвал сайта -->
<div id="footer">
<div class="left">
	 <p>&copy; 2010 - {DATE_YEAR}. {SETTINGS_STORE_NAME}. Все права защищены.<br />
	 Вся информация на сайте носит справочный характер и не является<br />
	 публичной офертой, определяемой статьей 437 ГК РФ.</p>
	 <ul>
	 {% FOR menu %}
		 {% FOR footer %}
		 {% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
</div>
<div class="right"><p>{SETTINGS_STORE_REGION}</p></div>
</div>
<!-- end Подвал сайта -->

замените на:
<!-- Подвал сайта -->
<div id="footer">
<div class="left">
	 <h3>Каталог</h3>
	 <ul>
	 {% FOR menu %}
		 {% FOR catalog %}
		 {% FOR links %}<li {% IF menu.catalog.links.last %}class="last"{% ENDIF %}><a href="{menu.catalog.links.URL}" {% IF menu.catalog.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.catalog.links.TITLE %}title="{menu.catalog.links.TITLE}"{% ENDIF %}>{menu.catalog.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
	 <h3>Услуги</h3>
	 <ul>
	 {% FOR menu %}
		 {% FOR uslugi %}
		 {% FOR links %}<li {% IF menu.uslugi.links.last %}class="last"{% ENDIF %}><a href="{menu.uslugi.links.URL}" {% IF menu.uslugi.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.uslugi.links.TITLE %}title="{menu.uslugi.links.TITLE}"{% ENDIF %}>{menu.uslugi.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
	 <h3>Компания</h3>
	 <ul>
	 {% FOR menu %}
		 {% FOR company %}
		 {% FOR links %}<li {% IF menu.company.links.last %}class="last"{% ENDIF %}><a href="{menu.company.links.URL}" {% IF menu.company.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.company.links.TITLE %}title="{menu.company.links.TITLE}"{% ENDIF %}>{menu.company.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
</div>
<div class="left">
	 <h3>Телефоны</h3>
	 <ul>
	 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li 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></li>{% ENDIF %}
	 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="phone"><span class="ft-content"><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></span></li>{% ENDIF %}
	 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="phone"><span class="ft-content"><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></span></li>{% ENDIF %}
	 </ul>
	 <h3>График работы</h3>
	 <ul>
	 {% IF SETTINGS_STORE_WORK_TIME %}<li class="worktime"><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></li>{% ENDIF %}
	 </ul>
	 <h3>Адрес</h3>
	 <ul>
	 {% IF SETTINGS_STORE_REGION %}<li class="adres"><span class="ft-content">{SETTINGS_STORE_REGION}</span></li>{% ENDIF %}
	 </ul>
	 <h3>Почта</h3>
	 <ul>
	 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="email"><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></li>{% ENDIF %}
	 </ul>
</div>
<div class="right">
	 <h3>Бренды</h3>
	 <ul>
	 {% FOR menu %}
		 {% FOR brands %}
		 {% FOR links %}<li {% IF menu.brands.links.last %}class="last"{% ENDIF %}><a href="{menu.brands.links.URL}" {% IF menu.brands.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.brands.links.TITLE %}title="{menu.brands.links.TITLE}"{% ENDIF %}>{menu.brands.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
	 <h3>Вентиляция</h3>
	 <ul>
	 {% FOR menu %}
		 {% FOR ventil %}
		 {% FOR links %}<li {% IF menu.ventil.links.last %}class="last"{% ENDIF %}><a href="{menu.ventil.links.URL}" {% IF menu.ventil.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.ventil.links.TITLE %}title="{menu.ventil.links.TITLE}"{% ENDIF %}>{menu.ventil.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
	 <div class="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>
	 <p>&copy; 2010 - {DATE_YEAR}. {SETTINGS_STORE_NAME}. Все права защищены.<br />
	 Вся информация на сайте носит справочный характер и не является<br />
	 публичной офертой, определяемой статьей 437 ГК РФ.</p>
</div>
</div>
<!-- end Подвал сайта -->

Далее зайдите в main.css - найдите:
/* Подвал */
#footer				 {padding:10px;margin:0px auto;width: 940px;height: 100px;}
#footer p				 {font-size: 10px;line-height: 18px;color: #555;}
#footer .left ul li	 {display: inline; font: 12px/30px Tahoma, Verdana, Geneva, sans-serif; padding-left: 15px; padding-right: 15px;}
#footer .left ul li.last {}

замените на:
/* Подвал */
#footer				 {padding:10px;margin:0px auto;width: 940px;height: 100px;}
#footer p				 {font-size: 10px;line-height: 18px;color: #555;}
#footer .left			 {width: 25%;float: left;}
#footer .left:first-child {margin-right:10%}
#footer .right			 {width: 40%;float: right;}
#footer .right h3 {text-align: center;}
#footer .right ul li{display: inline-block;width: 25%;margin: 5px 4%; vertical-align: middle;text-align: center;}
#footer .right .logo {margin: 10px 0;}
#footer .left ul li	 {display: block; font: 12px/20px Tahoma, Verdana, Geneva, sans-serif; padding-left: 5px;}

Примерный результат изменений следующий:
Фригус   купить сплит систему в интернет магазине в Ростове на Дону и Аксае.png

#42 sibulba

sibulba

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

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

Отправлено 11 Июль 2017 - 10:41

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

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

Зайдите в раздел Сайт - Меню - создайте блоки меню со следующими переменными(в скобках только пояснение к какому меню принадлежит переменная, их не нужно записывать в id поля блока меню):
- catalog (каталог)
- uslugi (услуги)
- company (компания)
- brands (бренды)
- ventil (вентиляция)

Далее зайдите в раздел Сайт - Редактор шаблонов - HTML- найдите:
<!-- Подвал сайта -->
<div id="footer">
<div class="left">
	 <p>&copy; 2010 - {DATE_YEAR}. {SETTINGS_STORE_NAME}. Все права защищены.<br />
	 Вся информация на сайте носит справочный характер и не является<br />
	 публичной офертой, определяемой статьей 437 ГК РФ.</p>
	 <ul>
	 {% FOR menu %}
		 {% FOR footer %}
		 {% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
</div>
<div class="right"><p>{SETTINGS_STORE_REGION}</p></div>
</div>
<!-- end Подвал сайта -->

замените на:
<!-- Подвал сайта -->
<div id="footer">
<div class="left">
	 <h3>Каталог</h3>
	 <ul>
	 {% FOR menu %}
		 {% FOR catalog %}
		 {% FOR links %}<li {% IF menu.catalog.links.last %}class="last"{% ENDIF %}><a href="{menu.catalog.links.URL}" {% IF menu.catalog.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.catalog.links.TITLE %}title="{menu.catalog.links.TITLE}"{% ENDIF %}>{menu.catalog.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
	 <h3>Услуги</h3>
	 <ul>
	 {% FOR menu %}
		 {% FOR uslugi %}
		 {% FOR links %}<li {% IF menu.uslugi.links.last %}class="last"{% ENDIF %}><a href="{menu.uslugi.links.URL}" {% IF menu.uslugi.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.uslugi.links.TITLE %}title="{menu.uslugi.links.TITLE}"{% ENDIF %}>{menu.uslugi.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
	 <h3>Компания</h3>
	 <ul>
	 {% FOR menu %}
		 {% FOR company %}
		 {% FOR links %}<li {% IF menu.company.links.last %}class="last"{% ENDIF %}><a href="{menu.company.links.URL}" {% IF menu.company.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.company.links.TITLE %}title="{menu.company.links.TITLE}"{% ENDIF %}>{menu.company.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
</div>
<div class="left">
	 <h3>Телефоны</h3>
	 <ul>
	 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li 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></li>{% ENDIF %}
	 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="phone"><span class="ft-content"><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></span></li>{% ENDIF %}
	 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="phone"><span class="ft-content"><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></span></li>{% ENDIF %}
	 </ul>
	 <h3>График работы</h3>
	 <ul>
	 {% IF SETTINGS_STORE_WORK_TIME %}<li class="worktime"><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></li>{% ENDIF %}
	 </ul>
	 <h3>Адрес</h3>
	 <ul>
	 {% IF SETTINGS_STORE_REGION %}<li class="adres"><span class="ft-content">{SETTINGS_STORE_REGION}</span></li>{% ENDIF %}
	 </ul>
	 <h3>Почта</h3>
	 <ul>
	 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="email"><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></li>{% ENDIF %}
	 </ul>
</div>
<div class="right">
	 <h3>Бренды</h3>
	 <ul>
	 {% FOR menu %}
		 {% FOR brands %}
		 {% FOR links %}<li {% IF menu.brands.links.last %}class="last"{% ENDIF %}><a href="{menu.brands.links.URL}" {% IF menu.brands.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.brands.links.TITLE %}title="{menu.brands.links.TITLE}"{% ENDIF %}>{menu.brands.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
	 <h3>Вентиляция</h3>
	 <ul>
	 {% FOR menu %}
		 {% FOR ventil %}
		 {% FOR links %}<li {% IF menu.ventil.links.last %}class="last"{% ENDIF %}><a href="{menu.ventil.links.URL}" {% IF menu.ventil.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.ventil.links.TITLE %}title="{menu.ventil.links.TITLE}"{% ENDIF %}>{menu.ventil.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
	 <div class="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>
	 <p>&copy; 2010 - {DATE_YEAR}. {SETTINGS_STORE_NAME}. Все права защищены.<br />
	 Вся информация на сайте носит справочный характер и не является<br />
	 публичной офертой, определяемой статьей 437 ГК РФ.</p>
</div>
</div>
<!-- end Подвал сайта -->

Далее зайдите в main.css - найдите:
/* Подвал */
#footer				 {padding:10px;margin:0px auto;width: 940px;height: 100px;}
#footer p				 {font-size: 10px;line-height: 18px;color: #555;}
#footer .left ul li	 {display: inline; font: 12px/30px Tahoma, Verdana, Geneva, sans-serif; padding-left: 15px; padding-right: 15px;}
#footer .left ul li.last {}

замените на:
/* Подвал */
#footer				 {padding:10px;margin:0px auto;width: 940px;height: 100px;}
#footer p				 {font-size: 10px;line-height: 18px;color: #555;}
#footer .left			 {width: 25%;float: left;}
#footer .left:first-child {margin-right:10%}
#footer .right			 {width: 40%;float: right;}
#footer .right h3 {text-align: center;}
#footer .right ul li{display: inline-block;width: 25%;margin: 5px 4%; vertical-align: middle;text-align: center;}
#footer .right .logo {margin: 10px 0;}
#footer .left ul li	 {display: block; font: 12px/20px Tahoma, Verdana, Geneva, sans-serif; padding-left: 5px;}

Примерный результат изменений следующий:
Прикрепленный файл Фригус купить сплит систему в интернет магазине в Ростове на Дону и Аксае.png
все просто супер. большое спасибо! вы как всегда профессионал

#43 sibulba

sibulba

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

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

Отправлено 19 Июль 2017 - 10:44

еще пара вопросов по сайту

http://skrinshoter.r...190717/NwtYbCxS
как сделать всю ячейку кликабельной т.е ссылкой на товар.
сейчас чтобы перейти на страницу товара необходимо нажать на картинку название или цену. Как сделать так чтобы при наведении на ячейку можно было нажать куда угодно и перейти на страницу товара.



http://skrinshoter.r...190717/Es1weLlB
главное горизонтальное меню

сейчас названия категорий обрезанные. т.е я отредактировал название категорий в разделе меню так как они не помещаются в блок.

Необходимо назвать
Бытовые сплит-системы Инверторные сплит-системы Наполно-потолочные сплит-системы Колонные сплит-системы Кассетные сплит-системы

Если дать полные названия категориям то в блок они не помещаются.

Вопрос в том как сделать название категории полным (понятно что в меню) и так чтобы сплит-системы у каждого пункта меню были на второй строчке.

#44 Mr.Nito

Mr.Nito

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

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

Отправлено 19 Июль 2017 - 14:28

Просмотр сообщенияsibulba (19 Июль 2017 - 10:44) писал:

еще пара вопросов по сайту

http://skrinshoter.r...190717/NwtYbCxS
как сделать всю ячейку кликабельной т.е ссылкой на товар.
сейчас чтобы перейти на страницу товара необходимо нажать на картинку название или цену. Как сделать так чтобы при наведении на ячейку можно было нажать куда угодно и перейти на страницу товара.



http://skrinshoter.r...190717/Es1weLlB
главное горизонтальное меню

сейчас названия категорий обрезанные. т.е я отредактировал название категорий в разделе меню так как они не помещаются в блок.

Необходимо назвать
Бытовые сплит-системы Инверторные сплит-системы Наполно-потолочные сплит-системы Колонные сплит-системы Кассетные сплит-системы

Если дать полные названия категориям то в блок они не помещаются.

Вопрос в том как сделать название категории полным (понятно что в меню) и так чтобы сплит-системы у каждого пункта меню были на второй строчке.
По 2му вопросу изменения произвёл, попробуйте переименовать пункты
добавил скрипт в main.js
  $(document).ready(function(){
	$('#header-menu-box a').each(function() {
		var ths = $(this);
		ths.html(ths.html().replace(/(\S+)\s*$/, '<span>$1</span>'));
	});
  });
В main.css код
/* Главное меню сайта (горизонтальное) */
#header-menu			 {width:1200px; height: 60px;}
#header-menu-box		 {width:1200px; height: 60px; background-color: #EAEAEA; text-align: center;}
#header-menu li		  {display: inline-block; padding-left: 20px; padding-right: 20px;}
#header-menu li a		{font:  18px/1.3px Calibri,Arial; color: #696969; text-decoration: none; text-transform: uppercase;}
#header-menu li a:hover  {font:  18px/1.3px Calibri,Arial; color: #696969; text-decoration: none; text-transform: uppercase;}
#header-menu li a.home   {}
#header-menu-box:after {content:'';height:100%;width:0;display:inline-block;vertical-align:middle;}
#header-menu li a span {display:block;}


#45 sibulba

sibulba

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

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

Отправлено 19 Июль 2017 - 19:11

Просмотр сообщенияMr.Nito (19 Июль 2017 - 14:28) писал:

По 2му вопросу изменения произвёл, попробуйте переименовать пункты
добавил скрипт в main.js
$(document).ready(function(){
$('#header-menu-box a').each(function() {
	 var ths = $(this);
	 ths.html(ths.html().replace(/(\S+)\s*$/, '<span>$1</span>'));
});
});
В main.css код
/* Главное меню сайта (горизонтальное) */
#header-menu			 {width:1200px; height: 60px;}
#header-menu-box		 {width:1200px; height: 60px; background-color: #EAEAEA; text-align: center;}
#header-menu li		 {display: inline-block; padding-left: 20px; padding-right: 20px;}
#header-menu li a	 {font: 18px/1.3px Calibri,Arial; color: #696969; text-decoration: none; text-transform: uppercase;}
#header-menu li a:hover {font: 18px/1.3px Calibri,Arial; color: #696969; text-decoration: none; text-transform: uppercase;}
#header-menu li a.home {}
#header-menu-box:after {content:'';height:100%;width:0;display:inline-block;vertical-align:middle;}
#header-menu li a span {display:block;}
отображается не совсем коректно. хотелось бы по центру и ровно. и выровнять не получается.

а что по первому вопросу?

#46 sibulba

sibulba

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

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

Отправлено 19 Июль 2017 - 19:49

поправил вертикал элайт мидл поставил

как быть с первым вопросовм?

#47 Mr.Nito

Mr.Nito

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

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

Отправлено 19 Июль 2017 - 20:12

Просмотр сообщенияsibulba (19 Июль 2017 - 19:49) писал:

поправил вертикал элайт мидл поставил

как быть с первым вопросовм?
Ни в одном шаблоне на платформе не используется такой вид карточки товара.

#48 sibulba

sibulba

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

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

Отправлено 19 Июль 2017 - 20:16

Просмотр сообщенияMr.Nito (19 Июль 2017 - 20:12) писал:

Ни в одном шаблоне на платформе не используется такой вид карточки товара.
т.е если я хочу сделать ссылку на всю карточку товара то не получится?

#49 Mr.Nito

Mr.Nito

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

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

Отправлено 19 Июль 2017 - 20:36

Просмотр сообщенияsibulba (19 Июль 2017 - 20:16) писал:

т.е если я хочу сделать ссылку на всю карточку товара то не получится?
К сожалению, нет.
Используются ссылки на фото, название товара, стоимость, кнопки в корзину, но не на всю карточку товара.
По тому же типу расположены ссылки у крупных онлайн-магазинов.

#50 sibulba

sibulba

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

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

Отправлено 21 Июль 2017 - 21:39

Наконец смог собрать приерный макет ячейки товара которая устраивает. но с реализацией в одиночку не справлюсь.

вот что нужно BS4FSexB.png

под название товара необходимо вставить блок в котором будет ячейка с выводом артикула товара слева и справа звездочки отзывов. если отзывов нет серые звездочки если есть то золотые.

ниже цена товара в ячейке слева и справа ячейка с наличием товара. будет нагружено 2 изображения галочка и крестик Есть в наличии и нет в наличии. не знаю какую переменную использовать.

далее кнопка положить в корзину а рядом 2 кнопки. первая кнопка будет открывать всплывающее окно быстрого заказа а вторая кнопка будет переводить на страницу товара типа кнопки подробнее i

помогите реализовать хотя бы этапами. очень нужна ваша помощь

#51 Vaccina

Vaccina

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

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

Отправлено 22 Июль 2017 - 09:00

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

Изменения пока будем проводить для товаров в категории. Загрузите приложенный файл в раздел Сайт - Редактор шаблонов.
Прикрепленный файл  order_fast.htm   19,73К   438 Количество загрузок:


Далее в этом же разделе зайдите в шаблон Товары - найдите:
<div class="goodsListItemPriceBlock">
			  <div class="goodsListItemPriceNew">
			  <a href="{goods.URL_MIN_PRICE_NOW}">
			  {% IF goods.MIN_PRICE_NOW=0 && goods.MIN_REST_VALUE = 1%}
			  Цена по запросу{% ELSE %}{goods.MIN_PRICE_NOW | money_format}
			  {% ENDIF %}
			</a>
			</div>
			</div>
            
            
замените на:
<div class="artikul">
  Артикул - {goods.ART_NUMBER}
</div>
<div class="rating">
	<img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
</div>
<div class="goodsListItemPriceBlock">
  <div class="goodsListItemPriceNew">
	<a href="{goods.URL_MIN_PRICE_NOW}">
	{% IF goods.MIN_PRICE_NOW=0 && goods.MIN_REST_VALUE = 1%}Цена по запросу{% ELSE %}{goods.MIN_PRICE_NOW | money_format}{% ENDIF %}
	</a>
  </div>
</div>
<div class="goodsDataMainModificationAvailable f-fix">
  {% IF goods.MAX_REST_VALUE>0 %}
	<div class="available-true"><img src="#" alt="" /><span>В наличии</span></div>
  {% ELSE %}
	<div class="available-false"><img src="#" alt="" /><span>Нет в наличии</span></div>
  {% ENDIF %}
</div>


Далее зайдите в main.css - найдите:
.goodsListItemName				  {padding-left:5px;height:45px; text-align: left;}
.goodsListItemName a				{font: 12px/12px Calibri,Tahoma, Geneva, sans-serif;}

после него пропишите:
.goodsListItemBlock .artikul		{display: inline-block;width: 44%;color: #cccccc;font-size: 12px;text-align: left;padding-left: 5%;}
.goodsListItemBlock .rating		 {display: inline-block;width: 49%;}
.goodsListItemBlock .goodsListItemPriceBlock {display: inline-block;width: 49%; margin-top:10px;}
.goodsListItemBlock .goodsListItemPriceBlock span span {color:#000;font-weight:normal;}
.goodsListItemBlock .goodsListItemPriceBlock .num {font-size:20px;font-weight:bold;}
.goodsListItemBlock .goodsDataMainModificationAvailable {display: inline-block;width: 49%;color: #ccc;}


По кнопкам, загрузите пожалуйста иконки кнопок или вы хотите их сделать шрифтовыми? Результат данных изменений должен быть следующим:
Cплит системы   купить сплит систему в Ростове на Дону.png

#52 sibulba

sibulba

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

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

Отправлено 22 Июль 2017 - 12:17

Просмотр сообщенияVaccina (22 Июль 2017 - 09:00) писал:

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

Изменения пока будем проводить для товаров в категории. Загрузите приложенный файл в раздел Сайт - Редактор шаблонов.
Прикрепленный файл order_fast.htm


Далее в этом же разделе зайдите в шаблон Товары - найдите:
<div class="goodsListItemPriceBlock">
			 <div class="goodsListItemPriceNew">
			 <a href="{goods.URL_MIN_PRICE_NOW}">
			 {% IF goods.MIN_PRICE_NOW=0 && goods.MIN_REST_VALUE = 1%}
			 Цена по запросу{% ELSE %}{goods.MIN_PRICE_NOW | money_format}
			 {% ENDIF %}
		 </a>
		 </div>
		 </div>


замените на:
<div class="artikul">
Артикул - {goods.ART_NUMBER}
</div>
<div class="rating">
<img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
</div>
<div class="goodsListItemPriceBlock">
<div class="goodsListItemPriceNew">
<a href="{goods.URL_MIN_PRICE_NOW}">
{% IF goods.MIN_PRICE_NOW=0 && goods.MIN_REST_VALUE = 1%}Цена по запросу{% ELSE %}{goods.MIN_PRICE_NOW | money_format}{% ENDIF %}
</a>
</div>
</div>
<div class="goodsDataMainModificationAvailable f-fix">
{% IF goods.MAX_REST_VALUE>0 %}
<div class="available-true"><img src="#" alt="" /><span>В наличии</span></div>
{% ELSE %}
<div class="available-false"><img src="#" alt="" /><span>Нет в наличии</span></div>
{% ENDIF %}
</div>


Далее зайдите в main.css - найдите:
.goodsListItemName				 {padding-left:5px;height:45px; text-align: left;}
.goodsListItemName a			 {font: 12px/12px Calibri,Tahoma, Geneva, sans-serif;}

после него пропишите:
.goodsListItemBlock .artikul	 {display: inline-block;width: 44%;color: #cccccc;font-size: 12px;text-align: left;padding-left: 5%;}
.goodsListItemBlock .rating		 {display: inline-block;width: 49%;}
.goodsListItemBlock .goodsListItemPriceBlock {display: inline-block;width: 49%; margin-top:10px;}
.goodsListItemBlock .goodsListItemPriceBlock span span {color:#000;font-weight:normal;}
.goodsListItemBlock .goodsListItemPriceBlock .num {font-size:20px;font-weight:bold;}
.goodsListItemBlock .goodsDataMainModificationAvailable {display: inline-block;width: 49%;color: #ccc;}


По кнопкам, загрузите пожалуйста иконки кнопок или вы хотите их сделать шрифтовыми? Результат данных изменений должен быть следующим:
Прикрепленный файл Cплит системы купить сплит систему в Ростове на Дону.png
супер. как всегда с первого раза и оотличный результат
картинки загрузил. все работает. что не так подправлю сам.
осталось сделать кнопку в корзину заказ звонка и кнопку инфо
поможете?

#53 Vaccina

Vaccina

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

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

Отправлено 25 Июль 2017 - 06:18

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<div class="goodsDataMainModificationAvailable f-fix">
		 {% IF goods.MAX_REST_VALUE>0 %}
		 <div class="available-true"><img src="http://design.frigus-don.ru/yes.png" alt="" /><span>В наличии</span></div>
		 {% ELSE %}
		 <div class="available-false"><img src="http://design.frigus-don.ru/no.png" alt="" /><span>Нет в наличии</span></div>
		 {% ENDIF %}
		 </div>
  
  
после него добавьте:
		 <div class="button">
		 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			 <input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
			 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
			 <a class="buy" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">В корзину</a>
			 <a class="quickorder" onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}'); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Быстрый заказ</a>
			 <a class="more" href="{goods.URL}"></a>
		 </form>
		 </div>

Далее зайдите в шаблон HTML - найдите:
 <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
{% IF TARIFF_FEATURE_GOODS_OPINION %}
<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
{% IFNOT SETTINGS_OPINION_DISABLE %}
	 <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/jquery.ui.stars.min.css" type="text/css" />
{% ENDIF %}
{% ENDIF %}

<!-- Скрипты магазина -->

после него вставьте:
<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
<script src="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.pack.js"></script>


Далее зайдите в main.js - в самом конце пропишите:
// Быстрый заказ
function quickorder(formSelector) {
// Находим форму, которую отправляем на сервер, для добавления товара в корзину
var formBlock = $($(formSelector).get(0));
// Проверка на существование формы отправки запроса на добавление товара в корзину
if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') {
alert('Не удалось найти форму добавления товара в корзину');
return false;
}
// Получаем данные формы, которые будем отправлять на сервер
var formData = formBlock.serializeArray();
// Сообщаем серверу, что мы пришли через ajax запрос
formData.push({name: 'ajax_q', value: 1});
// Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа
formData.push({name: 'fast_order', value: 1});
// Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
$.ajax({
type : "POST",
cache : false,
url : formBlock.attr('action'),
data : formData,
success: function(data) {
var width = $(window).width() * 0.8;
if(width < 800) width = 'auto';
$.fn.nyroModalManual({
content: data,
gallery: null,
resizable: true,
autoSizable: true,
windowResize: true,
width: width,
minHeight: 230
});
}
});
return false;
}


Далее зайдите в main.css - найдите:
.goodsListItemBlock .goodsDataMainModificationAvailable {display: inline-block;width: 45%;color: #a0a4bc;}

замените на:
.goodsListItemBlock .goodsDataMainModificationAvailable {display: inline-block;width: 45%;color: #a0a4bc; vertical-align:top;margin-top: 3px;}
.goodsListItemBlock .goodsDataMainModificationAvailable img{vertical-align: middle;margin-right: 5px;}
.goodsListItemBlock .goodsDataMainModificationAvailable span{vertical-align: middle;}
.goodsListItemBlock .button .buy {background: url('{ASSETS_IMAGES_PATH}read_more.jpg') no-repeat left top;height: 30px;width: 150px;display: inline-block;line-height: 30px;color: #000000;}
.goodsListItemBlock .button .buy:hover{background-position: left bottom;text-decoration: none;color: #ffffff;}
.goodsListItemBlock .button .quickorder, .goodsListItemBlock .button .more{display: inline-block; width: 30px;height: 30px; text-indent: -9999px; vertical-align: middle; background: #cccccc;}
.goodsListItemBlock .button .more {background: #eeeeee;}


Напишите пожалуйста, как называются файлы для кнопок, чтобы могла указать более точные стили, результат изменений выше:
Cплит системы   купить сплит систему в Ростове на Дону.png

Также немного не поняла со второй кнопкой, сначала вы просили быстрый заказ, а после этого обратный звонок, уточните пожалуйста какую именно кнопку вам необходимо?

#54 sibulba

sibulba

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

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

Отправлено 26 Июль 2017 - 12:31

Просмотр сообщенияVaccina (25 Июль 2017 - 06:18) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<div class="goodsDataMainModificationAvailable f-fix">
		 {% IF goods.MAX_REST_VALUE>0 %}
		 <div class="available-true"><img src="http://design.frigus-don.ru/yes.png" alt="" /><span>В наличии</span></div>
		 {% ELSE %}
		 <div class="available-false"><img src="http://design.frigus-don.ru/no.png" alt="" /><span>Нет в наличии</span></div>
		 {% ENDIF %}
		 </div>
  
  
после него добавьте:
		 <div class="button">
		 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			 <input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
			 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
			 <a class="buy" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">В корзину</a>
			 <a class="quickorder" onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}'); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Быстрый заказ</a>
			 <a class="more" href="{goods.URL}"></a>
		 </form>
		 </div>

Далее зайдите в шаблон HTML - найдите:
 <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
{% IF TARIFF_FEATURE_GOODS_OPINION %}
<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
{% IFNOT SETTINGS_OPINION_DISABLE %}
	 <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/jquery.ui.stars.min.css" type="text/css" />
{% ENDIF %}
{% ENDIF %}

<!-- Скрипты магазина -->

после него вставьте:
<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
<script src="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.pack.js"></script>


Далее зайдите в main.js - в самом конце пропишите:
// Быстрый заказ
function quickorder(formSelector) {
// Находим форму, которую отправляем на сервер, для добавления товара в корзину
var formBlock = $($(formSelector).get(0));
// Проверка на существование формы отправки запроса на добавление товара в корзину
if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') {
alert('Не удалось найти форму добавления товара в корзину');
return false;
}
// Получаем данные формы, которые будем отправлять на сервер
var formData = formBlock.serializeArray();
// Сообщаем серверу, что мы пришли через ajax запрос
formData.push({name: 'ajax_q', value: 1});
// Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа
formData.push({name: 'fast_order', value: 1});
// Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
$.ajax({
type : "POST",
cache : false,
url : formBlock.attr('action'),
data : formData,
success: function(data) {
var width = $(window).width() * 0.8;
if(width < 800) width = 'auto';
$.fn.nyroModalManual({
content: data,
gallery: null,
resizable: true,
autoSizable: true,
windowResize: true,
width: width,
minHeight: 230
});
}
});
return false;
}


Далее зайдите в main.css - найдите:
.goodsListItemBlock .goodsDataMainModificationAvailable {display: inline-block;width: 45%;color: #a0a4bc;}

замените на:
.goodsListItemBlock .goodsDataMainModificationAvailable {display: inline-block;width: 45%;color: #a0a4bc; vertical-align:top;margin-top: 3px;}
.goodsListItemBlock .goodsDataMainModificationAvailable img{vertical-align: middle;margin-right: 5px;}
.goodsListItemBlock .goodsDataMainModificationAvailable span{vertical-align: middle;}
.goodsListItemBlock .button .buy {background: url('{ASSETS_IMAGES_PATH}read_more.jpg') no-repeat left top;height: 30px;width: 150px;display: inline-block;line-height: 30px;color: #000000;}
.goodsListItemBlock .button .buy:hover{background-position: left bottom;text-decoration: none;color: #ffffff;}
.goodsListItemBlock .button .quickorder, .goodsListItemBlock .button .more{display: inline-block; width: 30px;height: 30px; text-indent: -9999px; vertical-align: middle; background: #cccccc;}
.goodsListItemBlock .button .more {background: #eeeeee;}


Напишите пожалуйста, как называются файлы для кнопок, чтобы могла указать более точные стили, результат изменений выше:
Прикрепленный файл Cплит системы купить сплит систему в Ростове на Дону.png

Также немного не поняла со второй кнопкой, сначала вы просили быстрый заказ, а после этого обратный звонок, уточните пожалуйста какую именно кнопку вам необходимо?
Все правки сделал. Перестал работать слайдер наглавной. Выдает 3 ошибки в красном меню. В целом все работает но ошибки есть. Убрать сам не могу.

#55 Firefly

Firefly

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

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

Отправлено 27 Июль 2017 - 10:55

Просмотр сообщенияsibulba (26 Июль 2017 - 12:31) писал:

Все правки сделал. Перестал работать слайдер наглавной. Выдает 3 ошибки в красном меню. В целом все работает но ошибки есть. Убрать сам не могу.

Внес Вам изменения по инструкции, кроме добавления кода:
<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
<script src="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.pack.js"></script>

Это не требуется, поскольку fancybox у Вас уже ранее был подключен.
Сейчас все работает, проверьте, пожалуйста

#56 sibulba

sibulba

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

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

Отправлено 27 Июль 2017 - 11:59

Просмотр сообщенияFirefly (27 Июль 2017 - 10:55) писал:

Внес Вам изменения по инструкции, кроме добавления кода:
<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
<script src="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.pack.js"></script>

Это не требуется, поскольку fancybox у Вас уже ранее был подключен.
Сейчас все работает, проверьте, пожалуйста
да все хорошо спасиюо\
поправлю потом все стили сам.

#57 sibulba

sibulba

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

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

Отправлено 16 Январь 2018 - 16:03

Добрый день подскажите пожалуйста пару правок по сайту
Без названия.jpeg
необходимо старую цену разместить в той же строке что и актуальная цена перед ней
так чтобы получилось
14000 - 13000
соответственно чтобы старая цена была со своими стилями и новая цена была со своими стилями

спасибо

#58 Vaccina

Vaccina

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

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

Отправлено 17 Январь 2018 - 04:05

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
		 <div class="goodsListItemPriceBlock">
		 <div class="goodsListItemPriceNew">
			 <a href="{goods.URL_MIN_PRICE_NOW}">
			 {% IF goods.MIN_PRICE_NOW=0 && goods.MIN_REST_VALUE = 1%}Цена по запросу{% ELSE %}
				 {goods.MIN_PRICE_NOW | money_format}
			 {% ENDIF %}
			 </a>
		 </div>
		 <div class="goodsListItemPriceOld">
			 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
			 <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
			 <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
		 </div>
		 </div>


замените на:
		 <div class="goodsListItemPriceBlock">
		 <div class="goodsListItemPriceOld">
			 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
			 <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
			 <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
		 </div>
		 <div class="goodsListItemPriceNew">
			 <a href="{goods.URL_MIN_PRICE_NOW}">
			 {% IF goods.MIN_PRICE_NOW=0 && goods.MIN_REST_VALUE = 1%}Цена по запросу{% ELSE %}
				 {goods.MIN_PRICE_NOW | money_format}
			 {% ENDIF %}
			 </a>
		 </div>
		 </div>
  
Далее зайдите в шаблон HTML - найдите:
					 <div class="goodsListItemPriceBlock">
						 <div class="goodsListItemPriceNew">
						 <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">
							 {% IF index_page_favorites_goods.MIN_PRICE_NOW=0 && index_page_favorites_goods.MIN_REST_VALUE = 1%}
							 Цена по запросу{% ELSE %}{index_page_favorites_goods.MIN_PRICE_NOW | money_format}
							 {% ENDIF %}
						 </a>
						 </div>
						 <div class="goodsListItemPriceOld">
						 {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
						 <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						 {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
						 <a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
						 {% ENDIF %}
						 </div>
					 </div>


замените на:
					 <div class="goodsListItemPriceBlock">
						 <div class="goodsListItemPriceOld">
						 {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
						 <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						 {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
						 <a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
						 {% ENDIF %}
						 </div>
						 <div class="goodsListItemPriceNew">
						 <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">
							 {% IF index_page_favorites_goods.MIN_PRICE_NOW=0 && index_page_favorites_goods.MIN_REST_VALUE = 1%}
							 Цена по запросу{% ELSE %}{index_page_favorites_goods.MIN_PRICE_NOW | money_format}
							 {% ENDIF %}
						 </a>
						 </div>
					 </div>


далее найдите:
					 <div class="goodsListItemPriceBlock">
					 <div class="goodsListItemPriceNew">
						 <a href="{index_page_goods.URL_MIN_PRICE_NOW}">
						 {% IF index_page_goods.MIN_PRICE_NOW=0 && index_page_goods.MIN_REST_VALUE = 1%}
						 Цена по запросу{% ELSE %}{index_page_goods.MIN_PRICE_NOW | money_format}
						 {% ENDIF %}
						 </a>
					 </div>
					 <div class="goodsListItemPriceOld">
						 {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
						 <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						 {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
						 <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
						 {% ENDIF %}
					 </div>
					 </div>
  
замените на:
					 <div class="goodsListItemPriceBlock">
						 <div class="goodsListItemPriceOld">
						 {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
						 <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						 {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
						 <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
						 {% ENDIF %}
						 </div>
						 <div class="goodsListItemPriceNew">
						 <a href="{index_page_goods.URL_MIN_PRICE_NOW}">
						 {% IF index_page_goods.MIN_PRICE_NOW=0 && index_page_goods.MIN_REST_VALUE = 1%}
						 Цена по запросу{% ELSE %}{index_page_goods.MIN_PRICE_NOW | money_format}
						 {% ENDIF %}
						 </a>
						 </div>
					 </div>


далее найдите:
					 <div class="goodsListItemPriceBlock">
						 <div class="goodsListItemPriceNew">
						 <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">
							 {% IF index_page_new_goods.MIN_PRICE_NOW=0 && index_page_new_goods.MIN_REST_VALUE = 1%}
							 Цена по запросу{% ELSE %}{index_page_new_goods.MIN_PRICE_NOW | money_format}
							 {% ENDIF %}
						 </a>
						 </div>
						 <div class="goodsListItemPriceOld">
						 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
						 <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
						 <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
						 {% ENDIF %}
						 </div>
					 </div>

замените на:
					 <div class="goodsListItemPriceBlock">
						 <div class="goodsListItemPriceOld">
						 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
						 <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
						 <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
						 {% ENDIF %}
						 </div>
						 <div class="goodsListItemPriceNew">
						 <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">
							 {% IF index_page_new_goods.MIN_PRICE_NOW=0 && index_page_new_goods.MIN_REST_VALUE = 1%}
							 Цена по запросу{% ELSE %}{index_page_new_goods.MIN_PRICE_NOW | money_format}
							 {% ENDIF %}
						 </a>
						 </div>
					 </div>

Далее зайдите в main.css - найдите:
.goodsListItemPriceNew			 {}
.goodsListItemPriceNew a		 {color:#09C;font:bold 20px Calibri,Tahoma, Geneva, sans-serif;}
.goodsListItemPriceOld			 {}
.goodsListItemPriceOld a		 {color:#666;font:12px Calibri,Tahoma, Geneva, sans-serif;}

замените на:
.goodsListItemPriceNew			 {display: inline-block;vertical-align: middle;}
.goodsListItemPriceNew a		 {color:#09C;font:bold 20px Calibri,Tahoma, Geneva, sans-serif;}
.goodsListItemPriceOld			 {display: inline-block;vertical-align: middle;}
.goodsListItemPriceOld a		 {color:#666;font:12px Calibri,Tahoma, Geneva, sans-serif;margin-right: 10px;}

Фригус   интернет магазин сплит систем в Ростове на Дону.png

#59 sibulba

sibulba

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

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

Отправлено 17 Январь 2018 - 10:31

Вы как всегда супер! Большое спасибо

#60 sibulba

sibulba

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

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

Отправлено 17 Январь 2018 - 10:41

Последние правки по ячейкам тогда подскажите пожалуйста

Необходимо в голубую кнопку разместить по центру ровно надпись БЫСТРЫЙ ЗАКАЗ и сделать на кнопку всплывающую форму быстрого заказа. Нажал в маленьком окне все заполнил и нажал кнопку отправить. Такое уже реализовано на кнопке рядом но перенести хотелось бы.
Далее
Кнопка рядом станет кнопкой положить в корзину. т.е на нее будет прикреплено добавление в корзину. на ней хотелось бы разместить картинку 30x30 прозрачную. (вставлю потом картинку сам)
и последняя кнопка будет кнопка подробнее которая при нажатии просто перекинет на страницу товара. на ней так же будет картинка прозрачная располагаться. (вставлю потом картинку сам)

харанее благодарен

зч

приложил картинки
Без имени-2.png Без имени-4.png




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

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