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


Визуальные Изменения На Странице Каталога


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

#1 Makasi

Makasi

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

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

Отправлено 03 Март 2017 - 08:49

Здравствуйте, аккаунт SL-409401
Нужно сделать следующее:
1. Удалить этот блок.
2. Убрать кэпслок в написании в блоке ниже.
3. Удалить добавить в избранное и рейтинг товара.
4. Поменять картинки корзины и быстрого просмотра местами.
5. Удалить добавить в избранное и рейтинг товара со страницы товара.

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

  • 2017-03-03_08-37-46.png


#2 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 03 Март 2017 - 10:29

Просмотр сообщенияMakasi (03 Март 2017 - 08:49) писал:

Здравствуйте, аккаунт SL-409401
Нужно сделать следующее:
1. Удалить этот блок.
2. Убрать кэпслок в написании в блоке ниже.
3. Удалить добавить в избранное и рейтинг товара.
4. Поменять картинки корзины и быстрого просмотра местами.
5. Удалить добавить в избранное и рейтинг товара со страницы товара.

Здравствуйте.
1. В шаблоне main.css найдите, пожалуйста, данный код:

#breadcrumbs .container #titlepage {
	margin-bottom: 25px;
	background: url('{ASSETS_IMAGES_PATH}ico-pagetitle.png?design=sport') no-repeat left center;
	line-height: 26px;
	font-size: 24px;
	color: #FFF;
	padding-left: 45px;
}

И замените его вот этим вот кодом:

#breadcrumbs .container #titlepage {
	margin-bottom: 25px;
	background: url('{ASSETS_IMAGES_PATH}ico-pagetitle.png?design=sport') no-repeat left center;
	line-height: 26px;
	font-size: 24px;
	color: #FFF;
	padding-left: 45px;
	display: none;
}


2. Далее в том же шаблоне найдите, пожалуйста, следующий код:

.block-menu-content ul li.subhead {
	text-align: left;
	border-bottom: 1px solid #e9e9e9;
	font-weight: normal;
	text-transform: uppercase;
	padding: 4px 0;
}

И замените его этим вот кодом:

.block-menu-content ul li.subhead {
	text-align: left;
	border-bottom: 1px solid #e9e9e9;
	font-weight: normal;
	padding: 4px 0;
}


3. После чего там же найдите, пожалуйста, данный код:

.products-list .item .product-shop .actions-addtocart ul.add-to-links {
	margin: 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 51px;
	display: block;
}

И замените его вот этим кодом:

.products-list .item .product-shop .actions-addtocart ul.add-to-links {
	margin: 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 51px;
	display: none;
}


Теперь в том же шаблоне найдите, пожалуйста, следующий код:

.products-list .item .product-shop .ratings {
	margin: 0 0 5px 0;
	float: right;
}

И замените его вот этим вот кодом:

.products-list .item .product-shop .ratings {
	margin: 0 0 5px 0;
	float: right;
	display: none;
}


#3 Makasi

Makasi

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

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

Отправлено 03 Март 2017 - 23:21

Просмотр сообщенияRayLi (03 Март 2017 - 10:29) писал:

Здравствуйте.
1. В шаблоне main.css найдите, пожалуйста, данный код:

#breadcrumbs .container #titlepage {
margin-bottom: 25px;
background: url('{ASSETS_IMAGES_PATH}ico-pagetitle.png?design=sport') no-repeat left center;
line-height: 26px;
font-size: 24px;
color: #FFF;
padding-left: 45px;
}

И замените его вот этим вот кодом:

#breadcrumbs .container #titlepage {
margin-bottom: 25px;
background: url('{ASSETS_IMAGES_PATH}ico-pagetitle.png?design=sport') no-repeat left center;
line-height: 26px;
font-size: 24px;
color: #FFF;
padding-left: 45px;
display: none;
}


2. Далее в том же шаблоне найдите, пожалуйста, следующий код:

.block-menu-content ul li.subhead {
text-align: left;
border-bottom: 1px solid #e9e9e9;
font-weight: normal;
text-transform: uppercase;
padding: 4px 0;
}

И замените его этим вот кодом:

.block-menu-content ul li.subhead {
text-align: left;
border-bottom: 1px solid #e9e9e9;
font-weight: normal;
padding: 4px 0;
}


3. После чего там же найдите, пожалуйста, данный код:

.products-list .item .product-shop .actions-addtocart ul.add-to-links {
margin: 0 0;
padding: 0;
float: left;
list-style: none;
height: 51px;
display: block;
}

И замените его вот этим кодом:

.products-list .item .product-shop .actions-addtocart ul.add-to-links {
margin: 0 0;
padding: 0;
float: left;
list-style: none;
height: 51px;
display: none;
}


Теперь в том же шаблоне найдите, пожалуйста, следующий код:

.products-list .item .product-shop .ratings {
margin: 0 0 5px 0;
float: right;
}

И замените его вот этим вот кодом:

.products-list .item .product-shop .ratings {
margin: 0 0 5px 0;
float: right;
display: none;
}

Спасибо! Всё супер!
Помогите ещё убрать кэпслок в выделенном блоке.

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

  • 2017-03-03_23-19-45.png


#4 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 04 Март 2017 - 09:28

Просмотр сообщенияMakasi (03 Март 2017 - 23:21) писал:

Спасибо! Всё супер!
Помогите ещё убрать кэпслок в выделенном блоке.

Здравствуйте.
Попробуйте, пожалуйста, произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

#custommenu ul.mainnav li a.title-lv1 {
	font-size: 150%;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 12px 0 4px;
	display: block;
}

И замените его вот этим вот кодом:

#custommenu ul.mainnav li a.title-lv1 {
	font-size: 150%;
	margin-bottom: 10px;
	font-weight: normal;
	padding: 12px 0 4px;
	display: block;
}


#5 Павел Андреевич

Павел Андреевич

    Новичок

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

Отправлено 13 Май 2017 - 19:03

Здравствуйте!
Аккаунт SL-413583
Подскажите как сделать чтобы на странице каталога не отображалась часть рисунка с главной страницы, а был просто голубой градиент как изначально в шаблоне.
При этом не убирая рисунок с главной страницы.
Скрин во вложении.
Заранее спасибо!

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

  • Безымянный.jpg


#6 Vaccina

Vaccina

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

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

Отправлено 16 Май 2017 - 05:50

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<body>
<div id="wrapper">

замените на:
<body>
<div id="wrapper" {% IF index_page %}class="index"{% ENDIF %}>

Далее зайдите в main.css - найдите:
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;background-size: cover;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}

замените на:
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;background-size: cover;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}
.index #breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");}


#7 Павел Андреевич

Павел Андреевич

    Новичок

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

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

Спасибо!
Все получилось

#8 Павел Андреевич

Павел Андреевич

    Новичок

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

Отправлено 15 Ноябрь 2017 - 22:02

Здравствуйте!
Аккаунт SL-413583
Необходимо:
1. На карточках товара надпись В корзину заменить на Подробнее + при нажатии выставить переход на карточку товара
2. На форме быстрого заказа убрать поле Электронная почта + изменить цвет кнопки Оформить заказ
3. В карточке товара изменить цвет фона Быстрый заказ
4. В мобильной версии сайта в карточке товара добавить кнопку Быстрый заказ или заменить В корзину на Быстрый заказ (в случае если там помещается только одна кнопка)
Все изменения схематично изобразил на скриншотах.
Заранее благодарю!

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

  • 1.png
  • 2.jpg
  • 3.jpg
  • 4.jpg


#9 metry

metry

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

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

Отправлено 17 Ноябрь 2017 - 16:44

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->ТОвары и найдите:

<a class="add-cart btn-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a>

 <a  class="button" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="Подробнее" >Подробнее</a>

2. Зайдите в Редактор шаблонов-->Быстрый заказ и найдите:

	<label for="contactEmail" class="required">E-mail <em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>*</em></label>	  
		  <div class="input-box">
			<input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email inputText" type="text"/>
		  </div>

замените на:
		  <!--label for="contactEmail" class="required">E-mail <em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>*</em></label>	  
		  <div class="input-box">
			<input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email inputText" type="text"/>
		  </div-->


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

<a class="add-cart btn-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a>

замените на:
<a class="button" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="Подробнее" > Подробнее</a>

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

.formfast .button {margin: 10px 0 20px;}

замените на:
.formfast .button {margin: 10px 0 20px;border: 1px solid #36ca69;background: #69de92;colo:#000;font-weight:600;}


3. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

.product-shop .add-to-cart .btn-cart.quick {margin-left:10px;}

замените на:
.product-shop .add-to-cart .btn-cart.quick {margin-left:10px;background-color: #69de92;border-color: #36ca69;color:#000;font-weight:bold;}

4. К сожалению кнопку быстрого заказа отобразить не получится для мобильных версий, так как всплывающая форма быстрого заказа плохо адаптируется под экраны мобильных устройств.

#10 Павел Андреевич

Павел Андреевич

    Новичок

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

Отправлено 18 Ноябрь 2017 - 11:17

Исправил практически все, кроме перехода по ссылке Подробнее в товарах на главной странице в разделе Новинки и Хиты продаж.
Там при нажатии переходит просто на главную страницу, а нужно в карточку товара.
Как там ссылку исправить?

#11 Stasya

Stasya

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

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

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

Просмотр сообщенияПавел Андреевич (18 Ноябрь 2017 - 11:17) писал:

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




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

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