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


Переделать Главную

Автор UGIN, 15 июля 2016 11:32

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

#21 UGIN

UGIN

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

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

Отправлено 24 Июль 2016 - 00:03

Просмотр сообщенияDanil (23 Июль 2016 - 17:46) писал:

Здравствуйте.
У меню нет вложенности, поэтому для каждого пункта меню, нужно сделать отдельное подменю, которое будет в качестве выпадающего списка.
Создайте дополнительные подменю(выпадающие списки), а после напишите нам, чтобы мы написали инструкцию, по их добавлению в код.
Так же, уточните, какие подменю к каким пунктам меню относятся.
А где именно можно создать эти подменю?

#22 UGIN

UGIN

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

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

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

Просмотр сообщенияDanil (23 Июль 2016 - 17:46) писал:

Здравствуйте.
У меню нет вложенности, поэтому для каждого пункта меню, нужно сделать отдельное подменю, которое будет в качестве выпадающего списка.
Создайте дополнительные подменю(выпадающие списки), а после напишите нам, чтобы мы написали инструкцию, по их добавлению в код.
Так же, уточните, какие подменю к каким пунктам меню относятся.
А где можно создать эти подменю?

#23 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 25 Июль 2016 - 14:15

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

А где можно создать эти подменю?

Вам необходимо сначала добавить все пункты в меню, которое будет основным. Затем написать списком Ваше меню, чтобы модераторы могли просто связать пункт меню и его подменю. Напишите, в любом текстовом редакторе на своем компьютере и пришлите файл нам. Так же Вам необходимо создать страницы (в случае если меню не относится к каталогу) в разделе Сайт-> Страницы и в данном файле, укажите какой пункт меню и куда будет ссылаться. Если это пункты каталога, то Вам необходимо указать либо категорию либо товар. Это для того чтобы мы могли сразу прислать Вам рабочую версию Вашего меню.
Пример списка меню
Пункт 1
Подпукнт 1.1 (ссылка на страницу)
Подпукнт 1.2 (ссылка на страницу)
Подпукнт 1.3 (ссылка на страницу)

Пункт 2
Подпункт 2.1(ссылка на страницу)
Подпукнт 2.2(ссылка на страницу)
Подпукнт 2.3(ссылка на страницу)

Пункт 3

#24 UGIN

UGIN

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

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

Отправлено 13 Август 2016 - 00:21

Просмотр сообщенияDanil (23 Июль 2016 - 17:46) писал:

Здравствуйте.
У меню нет вложенности, поэтому для каждого пункта меню, нужно сделать отдельное подменю, которое будет в качестве выпадающего списка.
Создайте дополнительные подменю(выпадающие списки), а после напишите нам, чтобы мы написали инструкцию, по их добавлению в код.
Так же, уточните, какие подменю к каким пунктам меню относятся.
Доброй ночи! а можно "корзину и поиск" сделать в таком же стиле как и все меню?

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

  • 2016-08-12_11-43-17.png

#25 Vaccina

Vaccina

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

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

Отправлено 13 Август 2016 - 00:55

Опишите пожалуйста подробнее, что именно необходимо в данных блоках изменить, по шрифту, в main.css найдите:
.header-top .mini-cartpro {
	position: relative;
}

после него пропишите:
.header-top .mini-cartpro .empty {
	font-size: 115%;
}

#26 UGIN

UGIN

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

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

Отправлено 14 Август 2016 - 21:36

Просмотр сообщенияVaccina (13 Август 2016 - 00:55) писал:

Опишите пожалуйста подробнее, что именно необходимо в данных блоках изменить, по шрифту, в main.css найдите:
.header-top .mini-cartpro {
position: relative;
}

после него пропишите:
.header-top .mini-cartpro .empty {
font-size: 115%;
}
Сам значек "корзина" сделать черного цвета. "корзина пуста" таким же шрифтом что, и меня левее.
со значка "лупа" убрать зеленый фон, а сам значек сделать черного цвета.

#27 Danil

Danil

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

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

Отправлено 15 Август 2016 - 09:43

Просмотр сообщенияUGIN (14 Август 2016 - 21:36) писал:

Сам значек "корзина" сделать черного цвета. "корзина пуста" таким же шрифтом что, и меня левее.
со значка "лупа" убрать зеленый фон, а сам значек сделать черного цвета.
Здравствуйте.
Чтобы изменить цвет иконок(лупы и корзины), в разделе Сайт - Редактор шаблонов - "Изображения" - замените 2 изображения ico-cart.png и ico-search.png на такие же, только в черном цвете.
В main.css найдите код 
.header-top .mini-cartpro .block-title {
background-image: url('http://design.store-ip.ru/ico-cart.png?design=orange');
background-repeat: no-repeat;
background-position: 15px 12px;
background-color: #f2f2f2;
padding: 18px 18px 12px 50px;
color: #000;
height: 50px;
margin-left: 1px;
}
и замените на 

.header-top .mini-cartpro .block-title {
background-image: url('http://design.store-ip.ru/ico-cart.png?design=orange');
background-repeat: no-repeat;
background-position: 15px 12px;
background-color: #f2f2f2;
padding: 18px 18px 12px 50px;
color: #000;
height: 50px;
margin-left: 1px;
font-size: 115%;
}
В main.css найдите код 
.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #1cae5c;}
и замените на 

.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;}

#28 UGIN

UGIN

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

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

Отправлено 15 Август 2016 - 23:40

Просмотр сообщенияDanil (15 Август 2016 - 09:43) писал:

Здравствуйте.
Чтобы изменить цвет иконок(лупы и корзины), в разделе Сайт - Редактор шаблонов - "Изображения" - замените 2 изображения ico-cart.png и ico-search.png на такие же, только в черном цвете.
В main.css найдите код
.header-top .mini-cartpro .block-title {
background-image: url('http://design.store-ip.ru/ico-cart.png?design=orange');
background-repeat: no-repeat;
background-position: 15px 12px;
background-color: #f2f2f2;
padding: 18px 18px 12px 50px;
color: #000;
height: 50px;
margin-left: 1px;
}
и замените на

.header-top .mini-cartpro .block-title {
background-image: url('http://design.store-ip.ru/ico-cart.png?design=orange');
background-repeat: no-repeat;
background-position: 15px 12px;
background-color: #f2f2f2;
padding: 18px 18px 12px 50px;
color: #000;
height: 50px;
margin-left: 1px;
font-size: 115%;
}
В main.css найдите код
.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #1cae5c;}
и замените на

.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;}

Ребята такой вопрос?? как так на сайте невозможно стало сделать заказ!!! нельзя добавить товар в корзину, кнопка быстрый заказ тоже не работает!!!

#29 Vaccina

Vaccina

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

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

Отправлено 16 Август 2016 - 00:35

Попробуйте следующее,  в main.js найдите:
// Добавление товара в корзину через ajax
  $('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm, .goodsListItemCatalogueAddToCartButton').submit(function() {
	
	// Выносим функции из шаблонов
	if ($(this).attr('rel') === 'quick') {
	  quickorder(this);
	  return (false);
	}
	
	// Находим форму, которую отправляем на сервер, для добавления товара в корзину
	var formBlock = $($(this).get(0));

замените на:
// Добавление товара в корзину через ajax
  $('.goodsDataForm .add-cart, .goodsToCartFromCompareForm .add-cart, .goodsListForm .add-cart, .goodsListItemCatalogueAddToCartButton .add-cart').submit(function() {
   
	// Выносим функции из шаблонов
	if ($(this).attr('rel') === 'quick') {
	  quickorder(this);
	  return (false);
	}
   
	// Находим форму, которую отправляем на сервер, для добавления товара в корзину
	var formBlock = $($(this).closest('form').get(0));

Уточните пожалуйста, какие последние изменения вы производили на сайте, в особенностях с файлом main.js?

#30 UGIN

UGIN

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

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

Отправлено 16 Август 2016 - 09:51

Просмотр сообщенияVaccina (16 Август 2016 - 00:35) писал:

Попробуйте следующее,  в main.js найдите:
// Добавление товара в корзину через ajax
$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm, .goodsListItemCatalogueAddToCartButton').submit(function() {

// Выносим функции из шаблонов
if ($(this).attr('rel') === 'quick') {
	 quickorder(this);
	 return (false);
}

// Находим форму, которую отправляем на сервер, для добавления товара в корзину
var formBlock = $($(this).get(0));

замените на:
// Добавление товара в корзину через ajax
$('.goodsDataForm .add-cart, .goodsToCartFromCompareForm .add-cart, .goodsListForm .add-cart, .goodsListItemCatalogueAddToCartButton .add-cart').submit(function() {

// Выносим функции из шаблонов
if ($(this).attr('rel') === 'quick') {
	 quickorder(this);
	 return (false);
}

// Находим форму, которую отправляем на сервер, для добавления товара в корзину
var formBlock = $($(this).closest('form').get(0));

Уточните пожалуйста, какие последние изменения вы производили на сайте, в особенностях с файлом main.js?
Да вроде ничего в этом файле не делалось, последнии изменени которые внесенны, находятся в этой теме.
не помогло(((

#31 UGIN

UGIN

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

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

Отправлено 16 Август 2016 - 09:57

Просмотр сообщенияUGIN (16 Август 2016 - 09:51) писал:

Да вроде ничего в этом файле не делалось, последнии изменени которые внесенны, находятся в этой теме.
не помогло(((
и товары в каталоге, теперь только в вертикальном располодении

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

  • 2016-08-16_09-57-34.png

#32 UGIN

UGIN

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

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

Отправлено 17 Август 2016 - 14:09

Просмотр сообщенияStasya (25 Июль 2016 - 14:15) писал:

Вам необходимо сначала добавить все пункты в меню, которое будет основным. Затем написать списком Ваше меню, чтобы модераторы могли просто связать пункт меню и его подменю. Напишите, в любом текстовом редакторе на своем компьютере и пришлите файл нам. Так же Вам необходимо создать страницы (в случае если меню не относится к каталогу) в разделе Сайт-> Страницы и в данном файле, укажите какой пункт меню и куда будет ссылаться. Если это пункты каталога, то Вам необходимо указать либо категорию либо товар. Это для того чтобы мы могли сразу прислать Вам рабочую версию Вашего меню.
Пример списка меню
Пункт 1
Подпукнт 1.1 (ссылка на страницу)
Подпукнт 1.2 (ссылка на страницу)
Подпукнт 1.3 (ссылка на страницу)

Пункт 2
Подпункт 2.1(ссылка на страницу)
Подпукнт 2.2(ссылка на страницу)
Подпукнт 2.3(ссылка на страницу)

Пункт 3
вот в таком виде, страницы создадим позже. Спасибо

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

  • верхнее меню.PNG

#33 UGIN

UGIN

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

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

Отправлено 22 Август 2016 - 13:10

Добрый день. Просьба помочь с переделками на главной.
1.    Убрать кнопку меню
2.    Уже пару раз писал об открывающемся меню для кнопок :  о копмании, услуги. Можно это сделать?
3.    Корзина и поиск, подвести под вид меню. Текст сделать такой же, значок лупа и корзина, чтобы были черного цвета. И подсвечивались зеленым при наведении.
4.    Нижнее меню сделать побольше(повыше) и шрифт увеличить. Блоки подсвечивались зеленым цветом при наведении курсора на них.
5.    При обновлении страницы, баннер сначала открывается на всю страницу, и только потом становится нужного размера, как можно сделать, чтобы он сразу открывался нужного размера.

и туда же))) убрать с главной эти блоки:

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

  • верхнее меню.PNG
  • 2016-08-22_12-57-51.png
  • 2016-08-22_13-10-11.png

#34 UGIN

UGIN

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

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

Отправлено 23 Август 2016 - 16:01

Просмотр сообщенияUGIN (22 Август 2016 - 13:10) писал:

Добрый день. Просьба помочь с переделками на главной.
1.    Убрать кнопку меню
2.    Уже пару раз писал об открывающемся меню для кнопок :  о копмании, услуги. Можно это сделать?
3.    Корзина и поиск, подвести под вид меню. Текст сделать такой же, значок лупа и корзина, чтобы были черного цвета. И подсвечивались зеленым при наведении.
4.    Нижнее меню сделать побольше(повыше) и шрифт увеличить. Блоки подсвечивались зеленым цветом при наведении курсора на них.
5.    При обновлении страницы, баннер сначала открывается на всю страницу, и только потом становится нужного размера, как можно сделать, чтобы он сразу открывался нужного размера.

и туда же))) убрать с главной эти блоки:

аууууу!!1ктонибудь))))
помогите решить вопрос с корзиной и поиском в шапке сайта, и убрать блоки на главной.

#35 Danil

Danil

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

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

Отправлено 23 Август 2016 - 17:20

Просмотр сообщенияUGIN (23 Август 2016 - 16:01) писал:

аууууу!!1ктонибудь))))
помогите решить вопрос с корзиной и поиском в шапке сайта, и убрать блоки на главной.
Здравствуйте.
Изменения Вам произвел, проверьте.
Нужно установить ссылки на меню с подпунктами, для этого в шаблоне html найдите строки
<a href="#"><span class="open-sub"></span>О компании</a>
<a href="#"><span class="open-sub"></span>Услуги</a>
<a href="#"><span class="open-sub"></span>Контакты</a>
<a href="#"><span class="open-sub"></span>Интернет-магазин</a>
<a href="#"><span class="open-sub"></span>Поиск-корзина</a>
и замените "#" на соответствующие ссылки.
Так же в разделе Сайт - Меню, есть меню под названием "Вложенность для ....", измените пункты данного меню на свои.
Чтобы изменить цвет иконок "поиска" и "корзины", необходимо отредактировать изображения ico-search.png и ico-cart.png.

#36 UGIN

UGIN

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

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

Отправлено 23 Август 2016 - 21:42

Просмотр сообщенияDanil (23 Август 2016 - 17:20) писал:

Здравствуйте.
Изменения Вам произвел, проверьте.
Нужно установить ссылки на меню с подпунктами, для этого в шаблоне html найдите строки
<a href="#"><span class="open-sub"></span>О компании</a>
<a href="#"><span class="open-sub"></span>Услуги</a>
<a href="#"><span class="open-sub"></span>Контакты</a>
<a href="#"><span class="open-sub"></span>Интернет-магазин</a>
<a href="#"><span class="open-sub"></span>Поиск-корзина</a>
и замените "#" на соответствующие ссылки.
Так же в разделе Сайт - Меню, есть меню под названием "Вложенность для ....", измените пункты данного меню на свои.
Чтобы изменить цвет иконок "поиска" и "корзины", необходимо отредактировать изображения ico-search.png и ico-cart.png.
Спасибо огромное!!!
Правда у меня еще пара вопросов(((9
  • у меня каталог товаров поехал, товары в вертикальном положении.
  • убрать этот блок

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

  • 2016-08-23_21-37-50.png
  • 2016-08-23_21-40-33.png

#37 Vaccina

Vaccina

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

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

Отправлено 24 Август 2016 - 03:34

В шаблоне HTML найдите и удалите:
<div class="footer-top">
				 <div class="container">
				 <div class="row">
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12">
<!-- Баннеры на главной -->
			   
						 <div class="yt-bannertop">
										 <div class="row">
												 <div class="banner-top">
				 <ul>
																																 <li class="li-1 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/dostavka" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
																																						 <div class="li1-content" style="text-align: center;"><a href="/page/dostavka">Бесплатная доставка!</a>
																																					   
																																						 </div>
																																 </li>
																																 <li class="li-2 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/obslujivanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
																																						 <div class="li2-content"style="text-align: center;"><a href="/page/obslujivanie">Обслуживание</a>
																																							   
																																						 </div>
																																 </li>
																																 <li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/proyektirovanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
																																						 <div class="li3-content" style="text-align: center;"><a href="/page/proyektirovanie">Проектирование</a>
																																					   
																																						 </div>
																																 </li>
																																 <li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/montaje" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}montagebgb.jpg" alt="" title="" /></a>
																																						 <div class="li3-content" style="text-align: center;"><a href="/page/montaje">Монтаж</a>
																																							   
																																						 </div>
																																 </li>
																														 </ul>
												 </div>
						 </div>
				</div>
						 <!-- /END Баннеры на главной -->
</div>
				 </div>
				 </div>
		 </div>


В main.css найдите:
.products-grid .item {
	overflow: hidden;
	margin-bottom: 30px;
	height: 380px;
}

замените на:
.products-grid .item {
	overflow: hidden;
	margin-bottom: 30px;
	height: 380px;
	width: 33.3%;
}

#38 UGIN

UGIN

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

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

Отправлено 24 Август 2016 - 10:46

Просмотр сообщенияVaccina (24 Август 2016 - 03:34) писал:

В шаблоне HTML найдите и удалите:
<div class="footer-top">
				 <div class="container">
				 <div class="row">
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12">
<!-- Баннеры на главной -->
			
						 <div class="yt-bannertop">
										 <div class="row">
												 <div class="banner-top">
				 <ul>
																																 <li class="li-1 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/dostavka" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
																																						 <div class="li1-content" style="text-align: center;"><a href="/page/dostavka">Бесплатная доставка!</a>
																																					
																																						 </div>
																																 </li>
																																 <li class="li-2 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/obslujivanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
																																						 <div class="li2-content"style="text-align: center;"><a href="/page/obslujivanie">Обслуживание</a>
																																							
																																						 </div>
																																 </li>
																																 <li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/proyektirovanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
																																						 <div class="li3-content" style="text-align: center;"><a href="/page/proyektirovanie">Проектирование</a>
																																					
																																						 </div>
																																 </li>
																																 <li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/montaje" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}montagebgb.jpg" alt="" title="" /></a>
																																						 <div class="li3-content" style="text-align: center;"><a href="/page/montaje">Монтаж</a>
																																							
																																						 </div>
																																 </li>
																														 </ul>
												 </div>
						 </div>
			 </div>
						 <!-- /END Баннеры на главной -->
</div>
				 </div>
				 </div>
		 </div>


В main.css найдите:
.products-grid .item {
overflow: hidden;
margin-bottom: 30px;
height: 380px;
}

замените на:
.products-grid .item {
overflow: hidden;
margin-bottom: 30px;
height: 380px;
width: 33.3%;
}
Ура!!! спасибо оргромное.
а как быть с баннером на главной, который при обновлении страницы открывается на всю ширину, и толькоо потом сужается до нужного размера?

#39 UGIN

UGIN

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

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

Отправлено 25 Август 2016 - 14:19

Просмотр сообщенияUGIN (24 Август 2016 - 10:46) писал:

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

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

  • 2016-08-25_14-12-57.png
  • 2016-08-25_14-13-41.png

#40 Vaccina

Vaccina

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

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

Отправлено 26 Август 2016 - 05:08

Инструкция по данному вопросу:
http://forum.storela...ыпадающее-меню/

В ней идет обсуждение реализации через раздел Сайт - Меню.
Обратно в Главная


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

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

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