Поле со звездочкой обязательного заполнения

advertisement
У меня весь товар и инфа о нем загружается из Exemel формы Нужно провести оптимизацию товара Магазина по образу и
подобию топового магазина http://www.eldorado.ru/cat/1545024/LG/ - это список товара
http://www.eldorado.ru/cat/detail/71076269/?category=1545024 - карточка товара Нужно следующее :
Оглавление
(все делать по образу и подобию топового сайта Эльдорадо)
1) Проставить теги H1 и H2 Как в списке товара так и в карточке товара, CSS шаблона. (так как товар может
меняться и добавляться, а оптимизационные настройки оставались неизменные) Дескрипшен
2) Поставить <div class="breadcrumbs"> «Хлебные крошки» - Это навигационная цепочка в верху страницы.
(Подкатегорий, под-под категорий будет создано порядка 200-300 для каждой категории) Необходимо
чтобы заполненные теги они качественно отображались в коде страницы. Это будет касаться хлебных
крошек
3)Решить проблему, отображения описания и тегов, во вновь созданных подкатегориях.(раньше было но
потом что то поправили и нестало нормального отображения)
4) Добавить в карточки товара ссылки на похожие товары.
5)Добавить Кнопку «Информация и гарантии» С выходом на информационную страницу с обратной
ссылкой на товар
6) Подключить в карточку товара соц сети.
7) Доработка корзины
8) Привести и настроить сайт так чтобы сайт высвечивался в поисковых системах как «таблицей» Вот
пример Сайта.
И в Яндексе и в Гугле.
9) Сделать отступ поля на главной странице.
Подробное описание пунктов
Поставить Теги H1 b H2 Все остальное тех характиристики и описание. Нукроме цены конечно.
Каким образом должны выглядеть теги H1, H2 , Технические характеристики в коде страницы. Все по образу и подобию сайта
«Эльдорадо» По слову «Купить холодильник LG”
Карточка товара сайта для примера http://www.eldorado.ru/cat/detail/71076269/?category=1545024 Заходим в код страницы
view-source:http://www.eldorado.ru/cat/detail/71076269/?category=1545024 И смотрим Эти Теги H1 H2 Хлебные крошки,
Description, keywords,
И все ставим так же на моем Моторяд в CSS сайта http://motoryad.ru/product_info.php?products_id=202 Код страницы viewsource:http://motoryad.ru/product_info.php?products_id=202
2.Хлебные крошки
– навигационная цепочка в верху страницы(Подкатегорий, под-под категорий созданные в
админке сайта)
Эльдорадо Пример: view-source:http://www.eldorado.ru/cat/detail/71076269/?category=1545024
На моем сайте Моторяд: view-source:http://motoryad.ru/product_info.php?products_id=202
<!--Хлебные крошки-->, <!--Конец хлебных
<div class="breadcrumbs ,,,,,, </div>
Нужно чтобы Так же было разделение в CSS
крошек-->
проставлены
1.Теги Н1 и Н2
На сайте Эльдорадо в коде видим: view-source:http://www.eldorado.ru/cat/detail/71076269/?category=1545024
Чистое написание текста. Важно так же сделать только текстом в CSS(Чистое вхождение текста в теге)
Реализовано это таким образом на этой же странице.
У меня на Моторяд видим view-source:http://motoryad.ru/product_info.php?products_id=202
Реализовано
так На той же странице.(в коде)
Тут видим только «Двигатель» и номер №202, Здесь надо будет добавь: Должно быть Название запчасти +
Марка машины + Модель машины + Модель Двигателя + Год машины + номер №202(от центровано по центру) Это
соответственно: Через Тотал Коммандер карточка товара, Путь
0:/public_html/templates/moto/module/product_info/
<h1> "{$module_data.PRODUCTS_NAME} {$module_data.marka} {$module_data.model} {$module_data.dvigatel} {$module_data.god} </h1> + ниже
№{$PRODUCTS_ID}
Должно быть, так же как в примере с верху «Эльдорадо», Чистое текстовое вхождение тега H1.
Н2 поставить так как показано на картинке сверху. И на сайте Моторяд в коде видим это:
Это должно быть чистым текстовым вхождением <h2>Б/У Контрактный</h2>, Немного увеличить шрифт соответствующий для
тега H2, сам текст я загружаю на сайт через импорт EXEL который прописываю в колонке v_products_sostoynie
Description
колонки
– Это Характиристики и описание Данное описание я заполняю через импорт EXEL через
Синим обозначены области описания товара, которые нужно поместить в тег Description
На Моторяд это видим так: http://motoryad.ru/product_info.php?products_id=202 Код
view-source:http://motoryad.ru/product_info.php?products_id=202
На сайте Эльдорадо в коде страницы видим это так: http://www.eldorado.ru/cat/detail/71076269/?category=1545024 Код
страницы view-source:http://www.eldorado.ru/cat/detail/71076269/?category=1545024
4) Добавить в карточки товара http://motoryad.ru/product_info.php?products_id=202
ссылки на похожие
товары. Добавлено на картинке ниже (Выбрать сопутствующие товары) с подвязкой по смыслу на похожие товары. Тесть эти
ссылки появляются с условием совпадения Марки +модели +Модель двигателя. Пример приведен ниже на картинке.
Соответственно {module_data.marka} {$module_data.model} {$module_data.dvigatel}
5) Добавить Кнопку «Информация и гарантии» С выходом на информационную страницу с обратной
ссылкой на товар
http://motoryad.ru/product_info.php?products_id=202 А нужно так как на картинке. Кнопка ссылки на страницу с
информацией о товаре и гарантийных условиях http://motoryad.ru/shop_content.php?coID=22 . Она одна для всех
товаров. (позже я напишу нужный текст. ВАЖНО. На этой странице должна образовываться обратная ссылка на
товар с которого был осуществлен переход. Через кнопку (Вернутся к товару)
ВАЖНО. На этой странице должна образовываться обратная ссылка на товар, с которого был осуществлен переход. Через
кнопку (Вернутся к товару)
3) Самое важное: Решить проблему. При создании Подкатегорий в админке сайта и написании Мета тегов
<title>. Description keywords (Подкатегорий, под-под категорий будет создано порядка 200-300 для каждой категории)
Необходимо чтобы заполненные теги они качественно отображались в коде страницы. Они только частично отображаются в
коде страницы.
Через админку я создаю категории и прописываю теги, В <title>, <meta name="description" content=", <meta name="keywords"
content=" Создаю папки (категории) потом в них выгружаю товар. Тут собираюсь по другому производить выгрузку, я хочу
выгружать товар в подкатегории, это даст релевантность, за счет Мета тегов. Но тут проблем с тегами в админке. ЕЕ не назначил
программист. В админке ( когда открываю под категории и прописываю Теги в админке, то эта инфа не высвечивается в коде
страници при просмотре.)То есть сделать такую возможность у под категорий различного
уровня.(http://motoryad.ru/product_info.php?products_id=204 ) Видно только Это. А нужно что бы было то что я пропишу в Мета
у папок в подкатегориях.
Другими словами В Админке.
На первой странице http://motoryad.ru/ у 4-х окон программист сделал одну ссылку Категория = Подкатегория Допустим
Главная категория КОРОБКА ПЕРЕДАЧЬ а под категории ниже КПП,АКПП, МКПП и по этому теги Мета (дублируются как у
главной категории) Нужно чтобы ссылка оставалась такой же (Одна как у главной категории, а теги Мета прописывал разные)
<meta name="publisher" content=""
/>
<meta name="distribution" content="global" />
<meta name="reply-to" content="[email protected]" />
<meta name="revisit-after" content="14" />
<meta name="page-topic" content="shopping" />
<meta name="language" content="ru" />
<meta name="description" content="Двигатель" />
<meta name="keywords" content="" />
<title>Двигатель - ДВИГАТЕЛЬ - МотоРяд</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
6) Подключить в карточку товара соц сети.Расположение и вид кнопок в карточке товара
http://motoryad.ru/product_info.php?products_id=202 должен быть такой
9) Сделать отступ поля на главной странице.
Для того чтобы не писать большие и длинные тексты необходимо сделать отступ поля.
7) Доработка корзины
Регистрация на сайте должна происходить при оформлении заявки.
В
карточке товара http://motoryad.ru/product_info.php?products_id=202 При нажатии кнопки
Страница в настоящий момент сменяется на
http://motoryad.ru/shopping_cart.php - оформления заказа. На которой должна
присутствовать форма заявки а значит и регистрация на сайте. Внешний вид нужен такой.
КА на фото. А подробнее о Форме Заявки далее. Все делать примерно так же как на сайте.
http://www.rudetali.ru/catalog/korobki-peredach/korobka-peredach-avtomat-akpp-b-u-bmwe38-750i-5-4i-kod-5hp30-1422478/#/request/?BRAND=9956
Вот какая должна быть корзина http://motoryad.ru/shopping_cart.php
Сама форма заявки в точности как должна быть.
Подробности.
1)поле Двигатель – Берется со страницы с которой был осуществлен переход. (название
запчасти) Берется с карточки товара. http://motoryad.ru/product_info.php?products_id=202
В случае если переход был осуществлен просто с кнопки
то ничего не
пишется.(какв общей форме на рис. Выше) Данные кнопки будут находиться на главной
странице и на страницах с описанием.(подробности размещения данной кнопки в низу
далее)
2)Поле Модель двигателя . (прозрачная надпись, Поле заполняется посетителем если не
назначено в карточке товара, надпись замещается написанным, значение берется из
карточки товара)
Это случай когда нет значения в поле карточки или переход на Форму заявки был
осуществлен не из карточки товара.(надпись при заполнении исчезает)
Надпись «Модель двигателя» появляется тогда, когда в карточке товара не было
заполнено поле «Двигатель». http://motoryad.ru/product_info.php?products_id=5341
Если поле Двигатель заполнено. http://motoryad.ru/product_info.php?products_id=202 То
То в поле «Модель двигателя» Формы заявки появляется значение Модели ДВС B18B
И ПРИ ЗАПОЛНЕНИИ РАМКА ПОЛЯ ПЕНЯЕТ ЦВЕТ НА СИНИЙ.
Данное значение может правиться заполняющим. (Поле не обязательного заполнения то
есть без звездочки.)
3)Поле «Объем двигателя» Значение берется из карточки товара. Если Значение не
назначено. то высвечивается «Объем двигателя» и обязательно заполняется посетителем.
Поле со звездочкой обязательного заполнения.(при заполнении надпись исчезает. )
После заполнения поля или перемещении его с карточки товара, рамка подсвечивается.
4)Поле Коробка передач. (обязательного заполнения, со звездочкой, имеет селект для
выбора значения)
При нажатии на любое место данного поля выпадает селект выбора. То что на рисунке
После выбора рамка подсвечивается
5) Поле «Модель КПП» - Заполняется посетителем. (не обязательное заполнение)
Значение поля берется из карточки товара.
http://motoryad.ru/product_info.php?products_id=256
Может правиться по усмотрению посетителя, при
появлении значения, контур поля меняет цвет на синий. Если данного значения в карточке
товара нет, то в поле появляется просто надпись
не обязательно.
Заполнение
6)Следующее полеидет «Марка автомобиля»
Это поле со звездочкой(обязательного заполнения) Берется из карточки товара.
При появлении значения в поле. Контур поля меняет цвет
Поле имеет выпадающее меню. (селект) При нажатии на любое место данного поля
выпадает селект. Можно только выбирать МАРКУ АВТОМОБИЛЯ в данном поле из
предложенных. Значения в селекте берутся (копируются из формы поиска. «Марка Авто»)
http://motoryad.ru/?cat=327
7)Поле «Модель автомобиля» Аналогично Марке. Единственное что условие Пока не
выбрана «Марка автомобиля» Поле «Модель автомобиля» не активно. Это правило
действует если в форму «Оформить заявку» переход был осуществлен не из карточки
товара, а из Главной страницы или со страницы без товара По аналогии с формой поиска.
http://motoryad.ru/?cat=327 можно скопировать функционал. (информационной допустим)
Кнопки «Оформить заявку» нужно будет разместить на всех страницах (об этом подробнее
будет далее).
8)Поле «Привод автомобиля» Выбирается посетителем из выпадеющего меню.
Меню постоянно, не меняется и не дополняется. Поле без звездочки. (не обязательного
заполнения.
9)Поле «Год Авто» Поле обязательного выбора, из предложеного(Со звездой) Имеет
постоянное выпадающее меню. При нажатии на любое месть поля выпадает меню.
При нажатии на любое месть поля выпадает меню. Возникает неизбежность выбора из
предложенного. Период предложенных дат 1990 до 2015 года с прокруткой с права. При
выборе года контур поля меняет цвет на синий.
10)Поле «Vin Код Авто” Поле не обязательного заполнения . Заполняется посетителем. При
заполнении конур поля меняет цвет на синий. Надпись «Vin Код Авто” исчезает
Имеет «Вопросик» с права. При нажатии появляется окно
подсказки. Написать то что в окне подсказки.
11) Поле «комментарий» Заполняется посетителем.(не обязательного заполнения)
Справа имеет значок «Вопросик».
12) Поле «За сколько планируете купить» Посетитель по своему усмотрению может
обозначить сумму за которую планирует приобрести запчасти. Передвигая стрелочки.
13) Дальше идут поля обязательного заполнения со Звездой. ДОСТАВКА В ГОРОД и
т.д. При заполнении этих полей автоматически посетитель проходит регистрацию на
сайте. При заполнении рамка поля меняет цвет на синий.
Далее посетитель нажимает кнопку «ОФОРМИТЬ ЗАЯВКУ» Заполненная форма и
копия страницы с которой был осуществлен переход, уходит на почту Админу сайта.
[email protected]
На почте видим: Страницу с описанием товара и заполненную форму.
В случае не заполнения полей со Звездой. Отправки нет. Рамка незаполненного поля
становится красной. Аналогично для всех полей со Звездой.
На почту уходит только заполненная форма.
В случае правильного заполнения
13)Форма корзины справа вверху.
Как только посетитель заполнил «Оформить заявку» Он автоматически и
зарегистрировался на сайте. И мы в корзине видим просто количество товара, и сумму
который на которые бала оформлена заявка.
Заходим в корзину. И видим . Товар на который была оформлена заявка.
Там отображается просто, то количество товара. Как история. Все новые заявки с верху.
При каждом выборе товара человек заполняет форму заявки. Можно просто для
зарегистрированных пользователей сделать упрощенную форму . Без прописывания
данных. Она приведена ниже.
Скачать