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


Изменение Дизайна Главной Страницы.


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

#21 Алексей Ж.

Алексей Ж.

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

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

Отправлено 23 Май 2018 - 14:52

А сейчас---ОПИСАНИЕ, ОБЩИЕ, ХАРАКТЕРИСТИКИ, ОТЗЫВЫ

#22 Mr.Nito

Mr.Nito

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

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

Отправлено 23 Май 2018 - 15:54

Поправил в шаблоне Товар
<div id="tabs" class="htabs">
	<!-- Если есть какое-либо описание товара -->
	{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <a href="javascript:tabSwitch(2);" id="tab_2" class="active">Описание</a>
	{%ENDIF%}
	<!-- Если есть характеристики товара -->
	{% IFNOT goods_features_empty %}
	  <a href="javascript:tabSwitch(3);" id="tab_3">Характеристики</a>
	{%ENDIF%}
   
	<a href="javascript:tabSwitch(1);" id="tab_1" >Условия доставки</a>
   
	<!-- Если подключен модуль отзывов о товарах -->
	{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	  <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
	{% ENDIF %}
  </div>


#23 Алексей Ж.

Алексей Ж.

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

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

Отправлено 23 Май 2018 - 16:34

Спасибо. Всё хоккей)

#24 Алексей Ж.

Алексей Ж.

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

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

Отправлено 24 Май 2018 - 10:56

Привет. Спасибо всё получилось. Можно пожалуйста сделать следующее изменение? на странице когда высвечивается товар, в меню характеристики оформлять их в формате, как в скрине., Можно?пжл.

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

  • Пример характеристик.png


#25 Алексей Ж.

Алексей Ж.

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

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

Отправлено 24 Май 2018 - 13:22

Помогите пожалуйста, внести изменение --- на странице товара, в меню характеристики---записи делать в формате , как в скриншоте!!! можно?пожалуйста.

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

  • Пример характеристик.png


#26 Алексей Ж.

Алексей Ж.

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

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

Отправлено 24 Май 2018 - 14:53

Помогите внести изменение в карточку товара, которая на главной странице высвечивается. С целью  уменьшить её по высоте. Каким образом я хочу. показал в скриншоте!!!

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

  • Screenshot 6.png


#27 Mr.Nito

Mr.Nito

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

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

Отправлено 24 Май 2018 - 14:58

Просмотр сообщенияАлексей Ж. (24 Май 2018 - 13:22) писал:

Помогите пожалуйста, внести изменение --- на странице товара, в меню характеристики---записи делать в формате , как в скриншоте!!! можно?пожалуйста.
Отображение характеристик поправил в main.css
#content_3 .goodsDataFeatures td {border: none!important;padding: 5px 3px 5px;text-align: left;}
#content_3 .goodsDataFeatures .name {font-weight: bold;}


#28 Stasya

Stasya

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

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

Отправлено 24 Май 2018 - 15:18

Просмотр сообщенияАлексей Ж. (24 Май 2018 - 14:53) писал:

Помогите внести изменение в карточку товара, которая на главной странице высвечивается. С целью  уменьшить её по высоте. Каким образом я хочу. показал в скриншоте!!!
Здравствуйте. В шаблоне HTML найдите и удалите код
<h2 style="text-align: center;	margin: 10px 0;">Наши товары</h2>
В файле main.css найдите код
.item .goods-cat-image-medium-square{width:100%;height: 300px;}
и замените его на
.item .goods-cat-image-medium-square{width:100%;max-height: 300px;}
Далее  найдите и удалите  код
.item:hover .actions,.prod_hold:hover .actions{display:block;}

В шаблоне HTML найдите и удалите следующие блоки
1.
<div class="ratings">
								<div class="rating-box" itemscope itemtype="https://schema.org/AggregateRating">
								{% IF index_page_new_goods.OPINION_RATING_VALUE %}
								  <meta itemprop="worstRating" content = "1">
								  <meta itemprop="bestRating" content = "10">
								  <meta itemprop="ratingValue" content = "{index_page_new_goods.OPINION_RATING_VALUE}">
								  <div class="rating" style="width:{index_page_new_goods.OPINION_RATING_VALUE}0%" alt="{index_page_new_goods.OPINION_RATING_VALUE}"></div>
								{%ELSE%}
								  <div class="rating" style="width:0%" alt="Рейтинг не определён"></div>
								{%ENDIF%}
								</div>							 
						  </div>

2.
<div class="ratings">
								<div class="rating-box" itemscope itemtype="https://schema.org/AggregateRating">
								{% IF index_page_favorites_goods.OPINION_RATING_VALUE %}
								  <meta itemprop="worstRating" content = "1">
								  <meta itemprop="bestRating" content = "10">
								  <meta itemprop="ratingValue" content = "{index_page_favorites_goods.OPINION_RATING_VALUE}">
								  <div class="rating" style="width:{index_page_favorites_goods.OPINION_RATING_VALUE}0%" alt="{index_page_favorites_goods.OPINION_RATING_VALUE}"></div>
								{%ELSE%}
								  <div class="rating" style="width:0%" alt="Рейтинг не определён"></div>
								{%ENDIF%}
								</div>							 
							 </div>
3.
<div class="ratings">
								<div class="rating-box" itemscope itemtype="https://schema.org/AggregateRating">
								{% IF index_page_goods.OPINION_RATING_VALUE %}
								  <meta itemprop="worstRating" content = "1">
								  <meta itemprop="bestRating" content = "10">
								  <meta itemprop="ratingValue" content = "{index_page_goods.OPINION_RATING_VALUE}">
								  <div class="rating" style="width:{index_page_goods.OPINION_RATING_VALUE}0%" alt="{index_page_goods.OPINION_RATING_VALUE}"></div>
								{%ELSE%}
								  <div class="rating" style="width:0%" alt="Рейтинг не определён"></div>
								{%ENDIF%}
								</div>							 
						  </div>
После этого в файле main.css найдите код
.item .price,.prod_hold .price{height: 60px;}
и замените его на
.item .price,.prod_hold .price{height: 20px;}
Затем найдите
.price-old{text-align:center;}
и замените его на
.price-old{text-align:center;}
.item .price-old{display:none}

И код
.addToCart{width:100px;background-color:#e7f6fd;color:#006080;margin:0 auto;cursor:pointer;height:30px;border-radius:2px;display:block;line-height:30px;text-align:center;transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;-webkit-transition:0.3s all ease;border:none;}
замените на
.addToCart{width: 125px;background-color:#e7f6fd;color:#006080;margin:0 auto;cursor:pointer;height: 35px;border-radius:2px;display:block;line-height: 37px;text-align:center;transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;-webkit-transition:0.3s all ease;border:none;}


#29 Алексей Ж.

Алексей Ж.

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

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

Отправлено 24 Май 2018 - 16:51

Спасибо всё хорошо. Посмотрите пожалуйста, можно это изменить? В скрине 7 доработать бы? пожалуйста

https://forum.storel...076#entry276076

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

  • Screenshot_7.png


#30 Stasya

Stasya

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

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

Отправлено 24 Май 2018 - 17:01

Просмотр сообщенияАлексей Ж. (24 Май 2018 - 16:51) писал:

Спасибо всё хорошо. Посмотрите пожалуйста, можно это изменить? В скрине 7 доработать бы? пожалуйста

https://forum.storel...076#entry276076
В файле main.css найдите код
.item .new-name,.prod_hold .new-name{text-align:center;margin-top:5px;height: 40px;line-height:19px;overflow:hidden;}
и замените его на
.item .new-name,.prod_hold .new-name{text-align:center;margin-top:5px;height: 60px;line-height:19px;overflow:hidden;}
Далее найдите код
.item .price,.prod_hold .price{height: 20px;}
и замените его на
.item .price,.prod_hold .price{height: 20px;text-align:center}


#31 Алексей Ж.

Алексей Ж.

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

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

Отправлено 25 Май 2018 - 16:03

Добрый день. Можно? На главной странице магазина как показано в скрине сделать следующие изменения:
1. Cделать каталог магазина ГДЕ?---показано в скриншоте 10, примерная форма таблицы показана в скриншоте 8, и цвет верхнего поля и цвет букв в скриншоте 9
2. Там же сделать 2 ряда по 5 карточек товара в каждом. Как показано в скриншоте 10. Можно так сделать? Пожалуйста.

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

  • Screenshot_8.png
  • Screenshot_9.png
  • Screenshot_10.png


#32 MikDark

MikDark

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

  • Модераторы
  • 6 343 сообщений

Отправлено 26 Май 2018 - 14:48

Здравствуйте. Вам нужно в шаблоне main.css заменить код:

.catalogheader, .recentH {
	background: #edf7fa;
	text-transform: uppercase;
	padding: 15px 10px;
	border-radius: 2px;
	cursor: pointer;
}

на

li.lvl-0 {
	border-bottom: 1px solid #d8d8d8;
}
.catalogheader, .recentH {
	background: #f2b528;
	text-transform: uppercase;
	padding: 15px 10px;
	border-radius: 2px;
	cursor: pointer;
}
.catalogheader, .recentH a{color:#86260b;}

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

#33 Алексей Ж.

Алексей Ж.

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

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

Отправлено 28 Май 2018 - 09:37

Ясно. По бокам тогда расширять не будем!!! Можно сделать тогда второй ряд, их четырёх карточек товара. ???

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

  • Screenshot_11.png


#34 Stasya

Stasya

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

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

Отправлено 28 Май 2018 - 10:05

Просмотр сообщенияАлексей Ж. (28 Май 2018 - 09:37) писал:

Ясно. По бокам тогда расширять не будем!!! Можно сделать тогда второй ряд, их четырёх карточек товара. ???
Здравствуйте. Прошу Вас уточнить один момент, при этом карусель необходимо сохранить? Т.е. необходим сделать так чтобы товары листались 2мя рядами?

#35 Алексей Ж.

Алексей Ж.

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

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

Отправлено 28 Май 2018 - 12:05

Да. Можно так?

#36 Алексей Ж.

Алексей Ж.

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

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

Отправлено 28 Май 2018 - 15:17

Аккаунт SL-449581

#37 Stasya

Stasya

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

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

Отправлено 28 Май 2018 - 15:20

Просмотр сообщенияАлексей Ж. (28 Май 2018 - 12:05) писал:

Да. Можно так?
Произвела Вам необходимые изменения.Проверьте, пожалуйста

#38 Алексей Ж.

Алексей Ж.

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

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

Отправлено 28 Май 2018 - 15:24

Ага. всё здорово, теперь , пожалуйста на ГЛАВНОЙ СТРАНИЦЕ---изменение помогите пожалуйста. Настя. В СКРИНЕ должно быть понятно, вопрос.

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

  • Screenshot_12.png


#39 Stasya

Stasya

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

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

Отправлено 28 Май 2018 - 15:31

Просмотр сообщенияАлексей Ж. (28 Май 2018 - 15:24) писал:

Ага. всё здорово, теперь , пожалуйста на ГЛАВНОЙ СТРАНИЦЕ---изменение помогите пожалуйста. Настя. В СКРИНЕ должно быть понятно, вопрос.
Не совсем понимаю, как и что нужно изменить. Судя по скриншоту Вы хотите внести изменения на страницу Главная, так как она находится в верхнем меню и не ведет на реальную главную страницу. В таком случае чтобы не дублировать контент можно сделать пункт меню Главная, и он будет вести по адресу Ваш_домен.ru

#40 Алексей Ж.

Алексей Ж.

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

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

Отправлено 28 Май 2018 - 16:07

И что будет открываться на этой главной странице?




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

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