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


Изменения В Каталоге

Автор ForwardPrise, 20 окт. 2017 07:46

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

#1 ForwardPrise

ForwardPrise

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

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

Отправлено 20 Октябрь 2017 - 07:46

Добрый день. Нужно сделать чтобы при наведении на какую либо категорию товаров под ним вплывало меню с подкатегориями и цвет фона всплывающего меню чтобы был таким же.
Аккаунт SL-425471

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

  • 2017-10-20_06-29-40.png

#2 Mr.Nito

Mr.Nito

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

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

Отправлено 20 Октябрь 2017 - 09:21

Просмотр сообщенияForwardPrise (20 Октябрь 2017 - 07:46) писал:

Добрый день. Нужно сделать чтобы при наведении на какую либо категорию товаров под ним вплывало меню с подкатегориями и цвет фона всплывающего меню чтобы был таким же.
Аккаунт SL-425471
Положение пунктов поменял.

чтобы изменить фон выпадающего меню в main.css

замените 222 строка
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
на
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;background-size: cover;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
#custommenu ul.mainnav li * a {color:#fff!important;}
#custommenu ul.mainnav li * a:hover {color:#cacaca!important;}

#3 ForwardPrise

ForwardPrise

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

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

Отправлено 20 Октябрь 2017 - 16:46

Просмотр сообщенияMr.Nito (20 Октябрь 2017 - 09:21) писал:

Положение пунктов поменял.

чтобы изменить фон выпадающего меню в main.css

замените 222 строка
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
на
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;background-size: cover;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
#custommenu ul.mainnav li * a {color:#fff!important;}
#custommenu ul.mainnav li * a:hover {color:#cacaca!important;}
Спасибо

#4 ForwardPrise

ForwardPrise

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

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

Отправлено 21 Октябрь 2017 - 03:25

Добрый День, Можете помочь с правками на сайте.
1 - Нужно Убрать блок сколько товаров на странице со всех категорий
2 - Сделать так чтобы не показывались подкатегории на стриницах, а сразу весь каталог товаров категории и так в каждой категории товаров
3 - Убрать звездочки со всех товаров
Аккаунт SL-425471

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

  • 2017-10-21_03-14-18.png
  • 2017-10-21_03-15-53.png
  • 2017-10-21_03-17-00.png

#5 ForwardPrise

ForwardPrise

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

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

Отправлено 21 Октябрь 2017 - 05:35

Еще Правки
4 - удалить почту и телефон
5 - перенести меню над поиском
6 - сделать уже блок где логотип

Заранее Спасибо

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

  • 2017-10-21_05-29-15.png

#6 Vaccina

Vaccina

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

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

Отправлено 21 Октябрь 2017 - 07:18

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

1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% ELSEIF MOD_LNAME=catalog %}
				  <h1 class="title">{% IF IS_FULL_CATALOG %}Каталог{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0%} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ENDIF %} {% ENDIF %}</h1>
  
                
замените на:
{% ELSEIF MOD_LNAME=catalog %}
				  <h1 class="title">{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}</h1>
    

2. Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
	<!-- Блок навигации по категориям, вложенным в текущую категорию -->
	<div class="categories row {% IF index_page %}db{% ENDIF %}">
	  {% FOR nested_categories_list %}
		<div class="cat {% IF index_page %}col-md-3{% ENDIF %} col-sm-4 col-sms-6 col-smb-12">
		  <div class="cat-img">
			<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="category-image">
			  <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=azure{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
			</a>
		  </div>
		  <div class="cat-name">
			<h3><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a></h3>
		  </div>
		</div>
	  {% ENDFOR %}
	</div>
  <!-- В категориях используем стандартный алгоритм отображения товаров -->
  {% ELSE %}
	
	<!-- Блок навигации по категориям, вложенным в текущую категорию -->
	{% IF goods_empty=0 %}
	  <div class="categories row {% IF index_page %}db{% ENDIF %}">
		{% FOR nested_categories_list %}
		  <div class="cat col-sm-4 col-sms-6 col-smb-12">
			<div class="cat-img">
			  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="category-image">
				<img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=azure{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
			  </a>
			</div>
			<div class="cat-name">
			  <h3><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a></h3>
			</div>
		  </div>
		{% ENDFOR %}
	  </div>
	{% ENDIF %}
	  
	<!-- Если нет товаров, выводим сообщение пользователю -->
    
замените на:
{% IF IS_FULL_CATALOG %}
	<!-- Блок навигации по категориям, вложенным в текущую категорию -->
	<div class="categories row {% IF index_page %}db{% ENDIF %}">
	  {% FOR nested_categories_list %}
		<div class="cat {% IF index_page %}col-md-3{% ENDIF %} col-sm-4 col-sms-6 col-smb-12">
		  <div class="cat-img">
			<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="category-image">
			  <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=azure{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
			</a>
		  </div>
		  <div class="cat-name">
			<h3><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a></h3>
		  </div>
		</div>
	  {% ENDFOR %}
	</div>
  <!-- В категориях используем стандартный алгоритм отображения товаров -->
  {% ELSE %}
	  
	<!-- Если нет товаров, выводим сообщение пользователю -->
    
3. Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите и удалите:
<div class="rating">
						  <div class="ratings">
							<div class="rating-box" title="Рейтинг товара">
							  {% IF goods.OPINION_RATING_VALUE %}
							  <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
								<meta itemprop="worstRating" content = "1">
								<meta itemprop="bestRating" content = "10">
								<meta itemprop="ratingValue" content = "{goods.OPINION_RATING_VALUE}">
								<meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}">
								<div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
							  </span>
							  {% ELSE %}
								<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
							  {% ENDIF %}
							</div>
						  </div>
						</div>
                        
4-6. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Верхняя часть Шапки -->
	  <div id="header-top" class="wrap">
		<div class="container">
		  <div class="topheader-left col-md-5 col-sms-9 col-smb-6">
			<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" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- END: Logo -->
			<div class="header-right col-sm-8 col-xs-12">
			  <div class="header-right-inner">
              
замените на:
	  <!-- Основная часть Шапки -->
	  <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" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- END: Logo -->
			<div class="header-right col-sm-8 col-xs-12">
			  <div class="header-right-inner">
			  <div class="topheader-right">
			<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>
          
Далее зайдите в main.css - найдите:
#header-top .topheader-right {position: relative;z-index: 2;float:right;padding:0;}
#header-top .topheader-right .inner {float: right;}
#header-top .topheader-right .sns-quickaccess {float: left;}
#header-top .topheader-right .sns-quickaccess .welcome {font-weight: bold;color: #666666;float: left;display: none;}
#header-top .topheader-right .sns-quickaccess ul.links {list-style: none;margin: 0 0;padding: 0 0;float: left;height:36px;overflow:hidden;}
#header-top .topheader-right .sns-quickaccess ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;}
#header-top .topheader-right .sns-quickaccess ul.links li:first-child {padding-left: 0px;}
#header-top .topheader-right .sns-quickaccess ul.links li:last-child {background:none;padding-right: 0px;}

замените на:
#header .topheader-right {position: relative;z-index: 2;float:right;padding:0;width: 100%;}
#header .topheader-right .inner {float: right;}
#header .topheader-right .sns-quickaccess {float: left;}
#header .topheader-right .sns-quickaccess .welcome {font-weight: bold;color: #666666;float: left;display: none;}
#header .topheader-right .sns-quickaccess ul.links {list-style: none;margin: 0 0;padding: 0 0;float: left;height:36px;overflow:hidden;}
#header .topheader-right .sns-quickaccess ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;}
#header .topheader-right .sns-quickaccess ul.links li:first-child {padding-left: 0px;}
#header .topheader-right .sns-quickaccess ul.links li:last-child {background:none;padding-right: 0px;}


далее найдите:
#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {margin: 0 0 0 20px;float: left;line-height: normal;position: relative;}


замените на:
#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {margin: 0 0 0 20px;float: right;line-height: normal;position: relative;}

далее найдите:
#header {position: relative;padding: 32px 0 30px;}


замените на:
#header {position: relative;padding: 10px 0;}

#7 ForwardPrise

ForwardPrise

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

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

Отправлено 25 Октябрь 2017 - 15:11

Спасибо за совет. Нужно еще кое что сделать. Можете сказать как добавить Видео в описание товара? Видео с Ютуба
Аккаунт SL-425471

#8 Danil

Danil

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

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

Отправлено 25 Октябрь 2017 - 16:37

Просмотр сообщенияForwardPrise (25 Октябрь 2017 - 15:11) писал:

Спасибо за совет. Нужно еще кое что сделать. Можете сказать как добавить Видео в описание товара? Видео с Ютуба
Аккаунт SL-425471
Здравствуйте.
На youtube под видео нажмите кнопку "Поделиться" -> далее нажмите "Встроить" и скопируйте код iframe. После чего вставьте код в описание страницы.

#9 ForwardPrise

ForwardPrise

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

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

Отправлено 26 Октябрь 2017 - 07:41

<p>

Просмотр сообщенияDanil (25 Октябрь 2017 - 16:37) писал:

Здравствуйте.
На youtube под видео нажмите кнопку "Поделиться" -> далее нажмите "Встроить" и скопируйте код iframe. После чего вставьте код в описание страницы.

А как найти нужную страницу и в какую строку вставлять на странице? Видео нужно поставить в описание к <span style="color: #000000">

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

  • 2017-10-26_07-37-39.png

#10 Vaccina

Vaccina

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

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

Отправлено 26 Октябрь 2017 - 07:52

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

Зайдите в редактирование товара(раздел Товары - Товары), в поле "Полное описание" нажмите "Источник" и в самом конце полученного кода вставьте свой код для видео и сохраните.
Обратно в Каталог товаров


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лазурь
  5. → Каталог товаров
  6. Privacy Policy