Изменения И Доработки

пакет заработал)

Нужно в каталоге:
   1. Сделать развертку в право
   2. По возможности убрать "Каталог" - ссылку в корень
   3. При фокусе и выбранном значении добавить рамку как на меню в шапке
   4. Отодвинуть текст от левого края рамки
   5. Добавит каталогу фон
   6. Подтянуть каталог к шапке в уровень с баннерами

Сообщение отредактировал 24disc: 05 Май 2017 - 10:05

апну)

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.block-content li {
position: relative;
display: block;
clear: both;
margin: 0;
padding: 0;
list-style-type: none;
line-height: 155.5%;
}
.left-sidebar .block-content li.parent ul,
.left-sidebar .block-content li.parent {
background-color: white;
}
.sb-slidebar.sb-left .parent .accordion .oneList {
padding-left: 20px;
}
.sb-slidebar.sb-left .parent .accordion .accordion .oneList {
padding-left: 30px;
}
.sb-slidebar.sb-left .parent .accordion .accordion .accordion .oneList {
padding-left: 40px;
}
.sb-slidebar.sb-left .parent .accordion .accordion .accordion .accordion .oneList {
padding-left: 50px;
}
.sb-slidebar.sb-left .parent .accordion .accordion .accordion .accordion .accordion .oneList {
padding-left: 60px;
}
#accordionSlidebar > li.active {
color: #71a51e;
}
.block-content li a:hover {
text-decoration: none;
background-color: #e5e5e5;
}
.block-content li a.selected {
color: #ffffff;
font-weight: bold;
background-color: #71a51e;
}
.footerCenter {
padding: 0px 0px 0px 0px;
}
.left-sidebar .block-content li a {
display: block;
padding: 6px 9px;
padding-left: 0%;
cursor: pointer;

}
.catalogList {
margin-bottom: 20px;
}
.catalogList strong a {
color: #454848;
}
.catalogList strong a:hover {
color: #71a51e;
}

замените на:

.left-sidebar .catalogList {
margin-bottom: 20px;
margin-top: -13px;
}
.left-sidebar .catalogList .block-content{
background: #eee;
}
.left-sidebar .catalogList .block-content li {
position: relative;
display: block;
clear: both;
margin: 0;
padding: 0;
list-style-type: none;
line-height: 155.5%;
}
.left-sidebar .catalogList .block-content li > ul {
position: absolute;
display: none;
left: 100%;
top: 0;
background: #EEEEEE;
border: 1px solid #454848;
z-index: 20;
width: 150px;
}
.left-sidebar .catalogList .block-content li:hover > ul{
display: block !important;
}
.left-sidebar .catalogList .block-content li span em{
display: none;
}
.left-sidebar .catalogList .block-content li a {
display: block;
padding: 6px 9px;
cursor: pointer;
}
.left-sidebar .catalogList .block-content li a:hover {
text-decoration: none;
background: #e5e5e5;
}
.left-sidebar .catalogList .block-content li a.selected {
color: #ffffff;
font-weight: bold;
background-color: #71a51e;
}

.sb-slidebar.sb-left .parent .accordion .oneList {
padding-left: 20px;
}
.sb-slidebar.sb-left .parent .accordion .accordion .oneList {
padding-left: 30px;
}
.sb-slidebar.sb-left .parent .accordion .accordion .accordion .oneList {
padding-left: 40px;
}
.sb-slidebar.sb-left .parent .accordion .accordion .accordion .accordion .oneList {
padding-left: 50px;
}
.sb-slidebar.sb-left .parent .accordion .accordion .accordion .accordion .accordion .oneList {
padding-left: 60px;
}
#accordionSlidebar > li.active {
color: #71a51e;
}
.footerCenter {
padding: 0px 0px 0px 0px;
}

Далее найдите:

.left-sidebar {
float: left;
overflow: hidden;
padding: 0% 1% 0% 1%;
width: 23%;
}

замените на:

.left-sidebar {
float: left;
padding: 0% 1% 0% 1%;
width: 23%;
}

Результат:

Супер) Спасибо!)
При выборе списка из подкаталога он остается развернутым.. Можно ли сделать, что бы при выборе из любого уровня подкаталога при переходе на него выбранным считался бы родитель подкаталога)

И для тачскринов надо сделать, что бы подкаталог раскрывался при нажатии..

Если каталог с подкаталогами нужно добавлять стрелочку вправо

Сообщение отредактировал 24disc: 05 Май 2017 - 08:06

Ап
1. Вышеуказанное
2. При наведении на товар в каталоге должна появляться рамка
3. На одном из смартфонов шапка не доходит до левого края
4. видно какой то пиксель в левом верхнем углу левого бара


p.s. Спасибо за помощь! Вы вообще такие молодцы))

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

24disc (05 Май 2017 - 07:35) писал:

К сожалению, не наблюдаю такой проблемы, уточните пожалуйста, она еще актуальна?

24disc (05 Май 2017 - 07:35) писал:

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите и удалите:

.left-sidebar .catalogList .block-content li.active a {
	color: #ffffff;
	background-color: #71a51e;
}

далее найдите:

.left-sidebar .catalogList .block-content li a.selected {
color: #ffffff;
font-weight: bold;
background-color: #71a51e;
}

После него поставьте:

.left-sidebar .catalogList .block-content li.active > a {
	color: #ffffff;
	background-color: #71a51e;
}

(сгруппировали с кодом каталога и выделение распространялось на весь выпадающий список, а не на выбранный пункт)

Далее найдите:

.left-sidebar .catalogList .block-content li a {
display: block;
padding: 6px 9px;
cursor: pointer;
}

после него вставьте:

.left-sidebar .catalogList .block-content li.parent > a:after{
	content: '>';
	display: block;
	float: right;
}

24disc (05 Май 2017 - 13:22) писал:

2.Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.menu-item {
	position: relative;
	display: inline-block;
	float: none !important;
	margin: 6px;
	width: 23%;
	vertical-align: top;
}

после него пропишите:

.menu-item:hover .menu-item-box{border: 1px solid #71A51E;}

3. В main.css найдите:

.header {
		position: absolute;
		position: fixed;
		top: 0;
		left: auto;
		z-index: 1024;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-right: auto;
		margin-left: auto;
		min-width: 100%;
		width: auto;
		height: 45px;
		background-color: #454848;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

замените на:

.header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		height: 45px;
		background-color: #454848;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

4. Пришлите пожалуйста скриншотс указанием проблемы.

Продолжаю (все ранее:
1. Каталог для смартфонов должен раскрываться при нажатии (сейчас нужно открыть 1 уровень чтоб остальные раскрылись
2. Вверху страницы товара/категории должен отображаться обратный путь (пример как в корзине есть ссылка на главную)
3. Карточки товара не отображаются при переходе на них
4. В связь с администрацией добавить номер телефона для обратной связи
5. Напротив способа доставки самовывоз сделать скидку ( что бы показывалась сумма скидки )
6. По пикселю скриншот приложил

24disc (08 Май 2017 - 10:42) писал:

1-3.Разметка шаблона HTML нарушена, поэтому часть блоков не отображается.Попробуйте восстановить более ранний бэкап сайта иначе придётся вернуть стандартный шаблон и большинство изменений пропадут.
4.Заполните ещё один телефон в разделе Настройки - Основные и он отобразится на странице контактов.
5.Если необходимо вывести текст в шаблоне Быстрый заказ

замените

<!--										<div class="htmlDataBlock">{order_delivery.DESC}
										{% IF order_delivery.NAME= Самовывоз%}
										<div>
										  Ваш текст
										</div>
										{% ENDIF %}
										</div>-->

на

							   <div class="htmlDataBlock">{order_delivery.DESC}
										{% IF order_delivery.NAME= Самовывоз%}
										<div>
										  Ваш текст
										</div>
										{% ENDIF %}
										</div>

6.Чтобы убрать пиксель в конце main.css добавьте

.left-sidebar > hr {
	visibility: hidden;
}

1. В старом бэкапе когда в моб версии открывается меню по нажатию, в полной версии так же - а я хотел бы чтобы в полной версии при наведении раскрывалось, а в мобильной принажатии.. Это возможно?
2. Обратного пути и не было
3. Карточки товара отображаться перестали после установки поиска под шапку.. Сейчас Ирина мне помогла и все отображается, только немного нужна корректировка - продолжаю этот вопрос в тех поддержке с админки
4. Немного не поняли меня - КЛИЕНТ кроме емайл должен вводить и номер телефона для обратной связи..
5. Приложил скриншот
6. Пиксель ушел ))))

ап

ап

И еще вопрос: если загружать картинку лого в .png то она размывается при приближении/отдалении.. если в svg, то не размывается, но встает криво..
Сам вопрос: в каком разрешении/формате загружать лого, иконки категорий товара чтобы все было гуд?)

все еще жду)

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

24disc (10 Май 2017 - 05:40) писал:

1. Уточните пожалуйста, вам необходимо при клике на категорию в меню, чтобы шел не переход, а раскрытие подкатегорий?


4. Зайдите в раздел Сайт - Редактор шаблонов - Связь с администрацией - найдите:

<div class="feedback-str-block">
				 <label for="feedback_еmail">Email для обратной связи:<span>*</span></label>
				 <input type="email" id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" />
			 </div>

после него вставьте:

<div class="feedback-str-block">
				 <label for="feedback_phone">Телефон:<span>*</span></label>
				 <input type="text" id="feedback_phone" name="form[Телефон]" value="{FORM_FEEDBACK_PHONE}" maxlength="255" class="input required phone" />
			 </div>

24disc (11 Май 2017 - 11:11) писал:

Установите пожалуйста файл svg, чтобы я смогла проерить в чем проблема. Разницы в формате нет, главное, чтобы он немного весил и не нагружал лишний раз сайт.

1. При клике раскрытие, да)
4. Спасибо)

svg на лого поставил


И обновленный список нерешенных вопросов):
1. Обратный путь при брожении по каталогу
2. Клик с раскрытием категорий в моб версии
3. SVG или PNG (и как на иконки каталога поставить svg)
4. Рассчет скидки при самовывозе (скрин шот приложил ранее пост №30)
5. Проблема с вкладками в карточке товара (скриншот приложил)

1. Если необходимо его отображать на всех страницах, то зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите и удалите:

.crumbs.clr {
display: none;
}

2. У них изначально должны присутствовать кликабельные значки для раскрытия, они съехали, зайдите в main.css - найдите:

.sb-slidebar.sb-left .catalogList a {
display: inline-block;
min-width: 50%;
height: 100%;
color: white;
}

перед ним вставьте:

.sb-slidebar.sb-left .catalogList li {
position: relative;
}

3. Сам файл у вас имеет такой вид до отображения на самом сайте, в графическом редакторе он у вас выглядит иначе?
4. Вычесть с суммы оформления заказа не получится скидку, вы вручную будете вычитать из заказа? Просто текст выводить? Есть ли необходимость стоимость скидки добавлять в поле комментарий при оформлении заказа, чтобы самостоятельно не высчитывать после?
5. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:

<div class="tabsHeaders">
		 <!-- Если есть какое-либо описание товара -->
		 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
			 <dt class="active tab" title="Описание &laquo;{GOODS_NAME}&raquo;"><h3>Описание</h3></dt>
		 {% ENDIF %}
		 <!-- Если есть характеристики товара -->
		 {% IFNOT goods_features_empty %}
			 <dt class="tab" title="Характеристики &laquo;{GOODS_NAME}&raquo;"><h3>Характеристики</h3></dt>
		 {% ENDIF %}
		 <!-- Блок описания вариантов доставки -->
		 {% IFNOT goods_delivery_empty %}
			 <dt class="tab" title="Условия доставки &laquo;{GOODS_NAME}&raquo;"><h3>Условия доставки</h3></dt>
		 {% ENDIF %}
		 <!-- Сопутствующие товары. Выводим только если есть сопутствующие товары -->
		 {% IFNOT related_goods_empty %}
			 <dt class="tab" title="Сопутствующие товары &laquo;{GOODS_NAME}&raquo;"><h3>Сопутствующие товары</h3></dt>
		 {% ENDIF %}
		 <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
		 {% IF TARIFF_FEATURE_GOODS_OPINION %}
			 <!-- Если не выключен модуль отзывов о товаре -->
			 {% IFNOT SETTINGS_OPINION_DISABLE %}
				 <dt class="tab" title="Отзывы о &laquo;{GOODS_NAME}&raquo;"><h3>Отзывы {% FOR opinion_list %} {% IF opinion_list.first %} ({opinion_list.length}) {% ENDIF %} {% ENDFOR %}</h3></dt>
			 {% ENDIF %}
		 {% ENDIF %}
		 <!-- С этим товаром смотрят. Выводим только если блок доступен -->
		 {% IFNOT related_views_goods_empty %}
			 <dt class="tab" title="С товаром &laquo;{GOODS_NAME}&raquo; смотрят"><h3>С этим товаром смотрят</h3></dt>
		 {% ENDIF %}
	 </div>

перенесите его, поставив перед:

<div class="tabsContents">
		 <!-- Если есть какое-либо описание товара -->		 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
			 <dd class="active tab">
				 <div itemprop="description" class="tab-content-block sblock">
					 <h4 class="headersTabsGoodPage">Описание</h4>
					 <!-- Блок описания товара. Показываем его если есть описание товара -->
					 {% IF GOODS_DESCRIPTION_LARGE %}
						 <div class="htmlDataBlock">
							 {GOODS_DESCRIPTION_LARGE}
						 </div>
					 {% ENDIF %}
					 <!-- END Блок описания товара. Показываем его если есть описание товара -->

Далее зайдите в main.css - найдите:

#productBlock > div {
display: block;
/*overflow: hidden;*/
margin-bottom: 14.8px;
}

замените на:

#productBlock > div {
display: block;
/*overflow: hidden;*/
margin-bottom: 14.8px;
clear: both;
}

3. в инскейпе выглядит по другому) И как svg пставить в иконки для каталога?)
4. А я думал получится сделать также как с доставкой... Отдельная строка в счете будет показывать скидку.. Но если так нельзя, тогда как вы сказали - показывать просто процент скидки в зависимости от суммы заказа + дубль в комментарий для оператора, и в ручную пересчет будем делать..(

Блин кнопки для раскрытия появились, но теперь сьехал весь текст)

ап