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


Изменения На Главной И На Странице Оформления Заказа

главная страница оформление заказа

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

#1 hcky0rlf

hcky0rlf

    Новичок

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

Отправлено 29 Октябрь 2016 - 19:01

Добрый день, прошу помочь со следующими изменениями на сайте:
1. Убрать рейтинг товаров и возможность добавить товар в избранное и в список товаров для сравнения (показано на 1 скрине). Поменять "Быстрый просмотр" на "Подробнее". Поменять "Добавить в корзину" на "Оформить заказ" и после нажатия кнопки чтобы покупатель сразу перенаправлялся к форме быстрого оформления заказа.
2. Убрать вообще возможность сравнения товаров, убрать "сравнение" с шапки сайта на главной странице (показано на 2 скрине).
3. В форме быстрого оформления заказа убрать "Я хочу зарегистрироваться" (показано на 3 скрине), а также в способ оплаты добавить "Оплата банковской картой".
Заранее спасибо.

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

  • 4321.jpg
  • 342.jpg
  • 23.jpg


#2 Mr.Nito

Mr.Nito

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

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

Отправлено 29 Октябрь 2016 - 19:23

Просмотр сообщенияhcky0rlf (29 Октябрь 2016 - 19:01) писал:

Добрый день, прошу помочь со следующими изменениями на сайте:
1. Убрать рейтинг товаров и возможность добавить товар в избранное и в список товаров для сравнения (показано на 1 скрине). Поменять "Быстрый просмотр" на "Подробнее". Поменять "Добавить в корзину" на "Оформить заказ" и после нажатия кнопки чтобы покупатель сразу перенаправлялся к форме быстрого оформления заказа.
2. Убрать вообще возможность сравнения товаров, убрать "сравнение" с шапки сайта на главной странице (показано на 2 скрине).
3. В форме быстрого оформления заказа убрать "Я хочу зарегистрироваться" (показано на 3 скрине), а также в способ оплаты добавить "Оплата банковской картой".
Заранее спасибо.

Здравствуйте.
1.
Убрать рейтинг
В конец main.css добавьте
.product-image .rating-box {
display: none;
}
Убрать кнопки сравнение и избранное
В файле main.css найдите
.products-grid .item .product-image .actions .add-to-links {opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform: translate(-10px, 30px);-moz-transform: translate(-10px, 30px);-o-transform: translate(-10px, 30px);-ms-transform: translate(-10px, 30px);transform: translate(-10px, 30px);}
замените на
.products-grid .item .product-image .actions .add-to-links { display: none !important;}

Заменить "Быстрый просмотр"
в файле HTML найдите
строки 886 , 564 , 725
<a class="quickview" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{index_page_favorites_goods.NAME}&raquo;" data-tooltip="Быстрый просмотр"><i class="fa fa-eye"></i><span>Быстрый просмотр</span></a>
Замените текст Быстрый просмотр на Подробнее

Заменить Добавить в корзину на Быстрый заказ
В файле HTML найдите (повторяется 3 раза, строки 491-652-813)
								 <!--a class="add-cart quick button button2" title="Быстро оформить заказ">Добавить в корзину</a-->
								 <a class="add-cart button button2" title="В корзину" data-tooltip="В корзину">Добавить в корзину</a>

замените на
								 <a class="add-cart quick button button2" title="Быстро оформить заказ">Быстрый заказ</a>
								 <!-- <a class="add-cart button button2" title="В корзину" data-tooltip="В корзину">Добавить в корзину</a> -->



2.Убрать сравнение на сайте можно в разделе Настройки - Основные -
Модуль сравнения товаров на сайте(пункт Выключить модуль сравнения товаров на сайте)

3. В шаблоне Быстрый заказ
Найдите
<!-- Если в тарифном плане подключен раздел личного кабинета -->
		 {% IF TARIFF_FEATURE_CLIENT_ROOM %}
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <p class="contactWantRegister">
			 <input type="checkbox" id="contactWantRegister" name="form[contact][want_register]" value="1" {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}checked="checked"{% ENDIF %}>
			 <label for="contactWantRegister">Я хочу зарегистрироваться</label>
			 </p>
			 {% ENDIF %}
		 {% ENDIF %}

замените на

<!-- Если в тарифном плане подключен раздел личного кабинета -->
		 {% IF TARIFF_FEATURE_CLIENT_ROOM %}
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <!--<p class="contactWantRegister">
			 <input type="checkbox" id="contactWantRegister" name="form[contact][want_register]" value="1" {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}checked="checked"{% ENDIF %}>
			 <label for="contactWantRegister">Я хочу зарегистрироваться</label>
			 </p>-->
			 {% ENDIF %}
		 {% ENDIF %}

Способы оплаты можно подключить в разделе Настройки - Оплата - Добавить новый вариант оплаты

Сообщение отредактировал Mr.Nito: 29 Октябрь 2016 - 20:06
Отредактировано


#3 hcky0rlf

hcky0rlf

    Новичок

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

Отправлено 29 Октябрь 2016 - 22:19

Просмотр сообщенияMr.Nito (29 Октябрь 2016 - 19:23) писал:

Здравствуйте.
1.
Убрать рейтинг
В конец main.css добавьте
.product-image .rating-box {
display: none;
}
Убрать кнопки сравнение и избранное
В файле main.css найдите
.products-grid .item .product-image .actions .add-to-links {opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform: translate(-10px, 30px);-moz-transform: translate(-10px, 30px);-o-transform: translate(-10px, 30px);-ms-transform: translate(-10px, 30px);transform: translate(-10px, 30px);}
замените на
.products-grid .item .product-image .actions .add-to-links { display: none !important;}

Заменить "Быстрый просмотр"
в файле HTML найдите
строки 886 , 564 , 725
<a class="quickview" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{index_page_favorites_goods.NAME}&raquo;" data-tooltip="Быстрый просмотр"><i class="fa fa-eye"></i><span>Быстрый просмотр</span></a>
Замените текст Быстрый просмотр на Подробнее

Заменить Добавить в корзину на Быстрый заказ
В файле HTML найдите (повторяется 3 раза, строки 491-652-813)
								 <!--a class="add-cart quick button button2" title="Быстро оформить заказ">Добавить в корзину</a-->
								 <a class="add-cart button button2" title="В корзину" data-tooltip="В корзину">Добавить в корзину</a>

замените на
								 <a class="add-cart quick button button2" title="Быстро оформить заказ">Быстрый заказ</a>
								 <!-- <a class="add-cart button button2" title="В корзину" data-tooltip="В корзину">Добавить в корзину</a> -->



2.Убрать сравнение на сайте можно в разделе Настройки - Основные -
Модуль сравнения товаров на сайте(пункт Выключить модуль сравнения товаров на сайте)

3. В шаблоне Быстрый заказ
Найдите
<!-- Если в тарифном плане подключен раздел личного кабинета -->
		 {% IF TARIFF_FEATURE_CLIENT_ROOM %}
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <p class="contactWantRegister">
			 <input type="checkbox" id="contactWantRegister" name="form[contact][want_register]" value="1" {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}checked="checked"{% ENDIF %}>
			 <label for="contactWantRegister">Я хочу зарегистрироваться</label>
			 </p>
			 {% ENDIF %}
		 {% ENDIF %}

замените на

<!-- Если в тарифном плане подключен раздел личного кабинета -->
		 {% IF TARIFF_FEATURE_CLIENT_ROOM %}
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <!--<p class="contactWantRegister">
			 <input type="checkbox" id="contactWantRegister" name="form[contact][want_register]" value="1" {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}checked="checked"{% ENDIF %}>
			 <label for="contactWantRegister">Я хочу зарегистрироваться</label>
			 </p>-->
			 {% ENDIF %}
		 {% ENDIF %}

Способы оплаты можно подключить в разделе Настройки - Оплата - Добавить новый вариант оплаты

Спасибо огромное, а можно сделать так, чтобы при наведении и нажатии на товар открывалась страница с товаром, вообще без лишнего, например как в шаблоне http://chameleon-demo.storeland.ru/

#4 Mr.Nito

Mr.Nito

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

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

Отправлено 31 Октябрь 2016 - 08:17

Просмотр сообщенияhcky0rlf (29 Октябрь 2016 - 22:19) писал:

Спасибо огромное, а можно сделать так, чтобы при наведении и нажатии на товар открывалась страница с товаром, вообще без лишнего, например как в шаблоне http://chameleon-demo.storeland.ru/
В разделе Сайт - Редактор шаблонов - файл main.js
Найдите и удалите блок(с  1885 по 1992 строку)
// Функция Быстрого просмотра товара
function quickView() {
// Получение центральной разметки страницы (для быстрого просмотра)
$(document).ready(function(){
$.fn.getColumnContent = function() {
var block = ($(this).size() && $(this).hasClass('product-view') ? $(this).filter('.product-view') : $('div.product-view:eq(0)'));
block.find('> div').each(function(){
	 // Удаляем все блоки, которые не отображаются в быстром просмотре.
	 if(!$(this).hasClass('product-img-box') && !$(this).hasClass('product-shop')) {
	 $(this).remove();
	 }
});
return block;
}
});
// Быстрый просмотр товара
$(document).ready(function(){
// При наведении на блок товара загружаем контент этого товара, который будет использоваться для быстрого просмотра, чтобы загрузка происходила быстрее.
$('div.products-container .item').mouseover(function() {
// Если в блоке нет ссылки на быстрый просмотр, то не подгружаем никаких данных
var link = $(this).find('a.quickview');
if(link.length < 1) {
	 return true;
}
// Если массив с подгруженными заранее карточками товара для быстрого просмотра ещё не создан - создадим его.
if(typeof(document.quickviewPreload) == 'undefined') {
	 document.quickviewPreload = [];
}
var href = link.attr('href');
href += (false !== href.indexOf('?') ? '&' : '?') + 'only_body=1';
// Если контент по данной ссылке ещё не загружен
if(typeof(document.quickviewPreload[href]) == 'undefined') {
	 // Ставим отметку о том, что мы начали загрузку страницы товара
	 document.quickviewPreload[href] = 1;
	 // Делаем запрос на загрузку страницы товара
	 $.get(href, function(content) {
	 // Сохраняем контент, необходимый для быстрого просмотра в специально созданный для этого массив
	 document.quickviewPreload[href] = $(content).getColumnContent();
	 })
	 // Если загрузить страницу не удалось, удаляем отметку о том, что мы подгрузили эту страницу
	 .fail(function() {
	 delete document.quickviewPreload[href];
	 });
}
});
});
// Действие при нажатии на кнопку быстрого просмотра.
$(document).ready(function(){
$(document).on('click', 'a.quickview', function() {
var href = $(this).attr('href');
href += (false !== href.indexOf('?') ? '&' : '?') + 'only_body=1';
quickViewShow(href);
return false;
});
});
}
// Быстрый просмотр товара
function quickViewShow(href, atempt) {
// Если данные по быстрому просмотру уже подгружены
if(typeof(document.quickviewPreload[href]) != 'undefined') {
// Если мы в режиме загрузки страницы и ждём результата от другой функции, то тоже подождём, когда тот контент загрузится и будет доступен в этом массиве.
if(1 == document.quickviewPreload[href]) {
	 // Если попытки ещё не указывались, ставим 0 - первая попытка
	 if(typeof(atempt) == 'undefined') {
	 atempt = 0;
	 // Иначе прибавляем счётчик попыток
	 } else {
	 atempt += 1;
	 // Если больше 500 попыток, то уже прошло 25 секунд и похоже, что быстрый просмотр не подгрузится, отменяем информацию о том, что контент загружен
	 if(atempt > 500) {
		 delete document.quickviewPreload[href];
		 // TODO сделать вывод красивой таблички
		 alert('Не удалось загрузить страницу товара. Пожалуйста, повторите попытку позже.');
		 return true;
	 }
	 }
	 // Запустим функцию быстрого просмотра через 5 сотых секунды, вероятно запрошендная страница товара уже подгрузится.
	 setTimeout('quickViewShow("' + href + '", '+ atempt +')', 50);
	 return true;
} else {
	 $.fancybox.close();
	 $.fancybox({
	 autoSize: true,
	 maxWidth: 960,
	 content: document.quickviewPreload[href],
	 afterShow: function() {
		 // Обновление доступности модификаций
		 MainFunctions();
		 goodspage();
	 }
	 });
}
} else {
$.get(href, function(content) {
	 $.fancybox.close();
	 $.fancybox({
	 autoSize: true,
	 maxWidth: 960,
	 content: $(content).getColumnContent(),
	 afterShow: function() {
		 // Обновление доступности модификаций
		 MainFunctions();
		 goodspage();
	 }
	 });
});
}
}

Затем найдите
// Запуск основных функций для разных разрешений экрана
jQuery(document).ready(function($){
if(getClientWidth() > 750){
AddCart();
animated();
slideshow();
quickView();
}
if(getClientWidth() < 750){
$('#slideshow').css({'height': 'auto', 'width': 'auto'});
}
// Запуск функций при изменении экрана
$(window).resize(function(){
if(getClientWidth() > 750){
	 slideshow();
	 quickView();
}
if(getClientWidth() < 750){
	 $('#slideshow').css({'height': 'auto', 'width': 'auto'});
}
});
});
замените на
// Запуск основных функций для разных разрешений экрана
jQuery(document).ready(function($){
if(getClientWidth() > 750){
AddCart();
animated();
slideshow();
}
if(getClientWidth() < 750){
$('#slideshow').css({'height': 'auto', 'width': 'auto'});
}
// Запуск функций при изменении экрана
$(window).resize(function(){
if(getClientWidth() > 750){
	 slideshow();
}
if(getClientWidth() < 750){
	 $('#slideshow').css({'height': 'auto', 'width': 'auto'});
}
});
});


Далее найдите
	 if(getClientWidth() > 750){
		 AddCart();
		 quickView();
	 }
	 }
});
});

});
}
// Добавление товара в корзину
замените на
	 if(getClientWidth() > 750){
		 AddCart();
	 }
	 }
});
});

});
}
// Добавление товара в корзину


#5 hcky0rlf

hcky0rlf

    Новичок

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

Отправлено 01 Ноябрь 2016 - 18:49

Просмотр сообщенияMr.Nito (31 Октябрь 2016 - 08:17) писал:

В разделе Сайт - Редактор шаблонов - файл main.js
Найдите и удалите блок(с  1885 по 1992 строку)
// Функция Быстрого просмотра товара
function quickView() {
// Получение центральной разметки страницы (для быстрого просмотра)
$(document).ready(function(){
$.fn.getColumnContent = function() {
var block = ($(this).size() && $(this).hasClass('product-view') ? $(this).filter('.product-view') : $('div.product-view:eq(0)'));
block.find('> div').each(function(){
	 // Удаляем все блоки, которые не отображаются в быстром просмотре.
	 if(!$(this).hasClass('product-img-box') && !$(this).hasClass('product-shop')) {
	 $(this).remove();
	 }
});
return block;
}
});
// Быстрый просмотр товара
$(document).ready(function(){
// При наведении на блок товара загружаем контент этого товара, который будет использоваться для быстрого просмотра, чтобы загрузка происходила быстрее.
$('div.products-container .item').mouseover(function() {
// Если в блоке нет ссылки на быстрый просмотр, то не подгружаем никаких данных
var link = $(this).find('a.quickview');
if(link.length < 1) {
	 return true;
}
// Если массив с подгруженными заранее карточками товара для быстрого просмотра ещё не создан - создадим его.
if(typeof(document.quickviewPreload) == 'undefined') {
	 document.quickviewPreload = [];
}
var href = link.attr('href');
href += (false !== href.indexOf('?') ? '&' : '?') + 'only_body=1';
// Если контент по данной ссылке ещё не загружен
if(typeof(document.quickviewPreload[href]) == 'undefined') {
	 // Ставим отметку о том, что мы начали загрузку страницы товара
	 document.quickviewPreload[href] = 1;
	 // Делаем запрос на загрузку страницы товара
	 $.get(href, function(content) {
	 // Сохраняем контент, необходимый для быстрого просмотра в специально созданный для этого массив
	 document.quickviewPreload[href] = $(content).getColumnContent();
	 })
	 // Если загрузить страницу не удалось, удаляем отметку о том, что мы подгрузили эту страницу
	 .fail(function() {
	 delete document.quickviewPreload[href];
	 });
}
});
});
// Действие при нажатии на кнопку быстрого просмотра.
$(document).ready(function(){
$(document).on('click', 'a.quickview', function() {
var href = $(this).attr('href');
href += (false !== href.indexOf('?') ? '&' : '?') + 'only_body=1';
quickViewShow(href);
return false;
});
});
}
// Быстрый просмотр товара
function quickViewShow(href, atempt) {
// Если данные по быстрому просмотру уже подгружены
if(typeof(document.quickviewPreload[href]) != 'undefined') {
// Если мы в режиме загрузки страницы и ждём результата от другой функции, то тоже подождём, когда тот контент загрузится и будет доступен в этом массиве.
if(1 == document.quickviewPreload[href]) {
	 // Если попытки ещё не указывались, ставим 0 - первая попытка
	 if(typeof(atempt) == 'undefined') {
	 atempt = 0;
	 // Иначе прибавляем счётчик попыток
	 } else {
	 atempt += 1;
	 // Если больше 500 попыток, то уже прошло 25 секунд и похоже, что быстрый просмотр не подгрузится, отменяем информацию о том, что контент загружен
	 if(atempt > 500) {
		 delete document.quickviewPreload[href];
		 // TODO сделать вывод красивой таблички
		 alert('Не удалось загрузить страницу товара. Пожалуйста, повторите попытку позже.');
		 return true;
	 }
	 }
	 // Запустим функцию быстрого просмотра через 5 сотых секунды, вероятно запрошендная страница товара уже подгрузится.
	 setTimeout('quickViewShow("' + href + '", '+ atempt +')', 50);
	 return true;
} else {
	 $.fancybox.close();
	 $.fancybox({
	 autoSize: true,
	 maxWidth: 960,
	 content: document.quickviewPreload[href],
	 afterShow: function() {
		 // Обновление доступности модификаций
		 MainFunctions();
		 goodspage();
	 }
	 });
}
} else {
$.get(href, function(content) {
	 $.fancybox.close();
	 $.fancybox({
	 autoSize: true,
	 maxWidth: 960,
	 content: $(content).getColumnContent(),
	 afterShow: function() {
		 // Обновление доступности модификаций
		 MainFunctions();
		 goodspage();
	 }
	 });
});
}
}

Затем найдите
// Запуск основных функций для разных разрешений экрана
jQuery(document).ready(function($){
if(getClientWidth() > 750){
AddCart();
animated();
slideshow();
quickView();
}
if(getClientWidth() < 750){
$('#slideshow').css({'height': 'auto', 'width': 'auto'});
}
// Запуск функций при изменении экрана
$(window).resize(function(){
if(getClientWidth() > 750){
	 slideshow();
	 quickView();
}
if(getClientWidth() < 750){
	 $('#slideshow').css({'height': 'auto', 'width': 'auto'});
}
});
});
замените на
// Запуск основных функций для разных разрешений экрана
jQuery(document).ready(function($){
if(getClientWidth() > 750){
AddCart();
animated();
slideshow();
}
if(getClientWidth() < 750){
$('#slideshow').css({'height': 'auto', 'width': 'auto'});
}
// Запуск функций при изменении экрана
$(window).resize(function(){
if(getClientWidth() > 750){
	 slideshow();
}
if(getClientWidth() < 750){
	 $('#slideshow').css({'height': 'auto', 'width': 'auto'});
}
});
});


Далее найдите
	 if(getClientWidth() > 750){
		 AddCart();
		 quickView();
	 }
	 }
});
});

});
}
// Добавление товара в корзину
замените на
	 if(getClientWidth() > 750){
		 AddCart();
	 }
	 }
});
});

});
}
// Добавление товара в корзину
после изменений ничего не произошло, все так и осталось

#6 Mr.Nito

Mr.Nito

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

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

Отправлено 01 Ноябрь 2016 - 18:59

Просмотр сообщенияhcky0rlf (01 Ноябрь 2016 - 18:49) писал:

после изменений ничего не произошло, все так и осталось

Попробуйте обновить страницу сочетанием клавиш Ctrl + F5
Сейчас при проверке сайт отображается без быстрого просмотра.

#7 hcky0rlf

hcky0rlf

    Новичок

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

Отправлено 01 Ноябрь 2016 - 19:27

Просмотр сообщенияMr.Nito (01 Ноябрь 2016 - 18:59) писал:

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

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

  • 8765.jpg
  • 7654.jpg


#8 Mr.Nito

Mr.Nito

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

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

Отправлено 01 Ноябрь 2016 - 20:07

Просмотр сообщенияhcky0rlf (01 Ноябрь 2016 - 19:27) писал:

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

Для этого в файле main.css

найдите(544 строка)
.products-grid .item .product-image .actions {display: block;position: absolute;top: 0;left: 0;text-align: center;width: 100%;height: calc(100% - 50px);}
замените на
.products-grid .item .product-image .actions {display: none ;position: absolute;top: 0;left: 0;text-align: center;width: 100%;height: calc(100% - 50px);}


#9 hcky0rlf

hcky0rlf

    Новичок

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

Отправлено 01 Ноябрь 2016 - 20:40

Просмотр сообщенияMr.Nito (01 Ноябрь 2016 - 20:07) писал:

Для этого в файле main.css

найдите(544 строка)
.products-grid .item .product-image .actions {display: block;position: absolute;top: 0;left: 0;text-align: center;width: 100%;height: calc(100% - 50px);}
замените на
.products-grid .item .product-image .actions {display: none ;position: absolute;top: 0;left: 0;text-align: center;width: 100%;height: calc(100% - 50px);}
Огромное вам спасибо!





Темы с аналогичным тегами главная страница, оформление заказа

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

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