Интернет-магазин ЛПХ Исаков

[Shum69]

Здравствуйте, уважаемые форумчане! Магазин запустили http://ferma32.ru, но пока еще не все статьи написаны, так что ногами не пинать.

Интересны все замечания, особенно технические, по настройкам SEO ну и т.д. 

Это мой первый опыт работы с Opencart. Сборка PRO. Шаблон стандартный, модификатор Fast Order modification.

[NoOne!]

Крайне рекомендую убрать градиент в меню,т.к это 2006-2008год,если не раньше.

Больше минимализма,но главное не переборщить с этим,а так,ничего особенного

[Shum69]

51 минуту назад, SunnRi сказал:

Крайне рекомендую убрать градиент в меню,т.к это 2006-2008год,если не раньше.

 

Извините, но не покажите пальцем. :-) Что это такое градиент?

[jaffagold]

А я градиент поддерживаю. 

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

Как бы имитация освещения сверху и темный снизу.

Прости внести изменения в стилях (выделено жирным)

stylesheet.css примерно 194 строка

#menu {

background-color: #211010;

background-image: linear-gradient(to top, #5c3200, #c39460);

background-repeat: repeat-x;

border-color: #bcaaa4 #bcaaa4 #655b5b;

min-height: 40px;

}

Мелковат шрифт. Хотя бы 14 сделать.

body {

font-size: 14px;

}

Со стилями поиска и корзины в шапке тоже надо поработать.

http://htmlbook.ru/

Почему на странице Перепела

http://ferma32.ru/perepela/

нет в Мета тэге Description ни слова о ПЕРЕПЕЛАХ?

<meta name="description" content="Продаем домашнюю птицу в Москве и Московской области по доступным ценам. Домашняя птица - ЛПХ Исаков.">

 

http://ocshop.info/kak-pravilno-zapolnyat-metaopisaniya-v-magazine-h1-title-description/

 

[Shum69]

Спасибо за замечания! С градиентом разобрался, что это такое. Мне так нравится то же. Освещенность попробую поменять. А вот с жирным шрифтов? Мне именно так написать , как выделено жирным? Именно этот текст? Я не разбираюсь в программировании, но учусь... Поэтому прошу прощения за тупые вопросы!

[jaffagold]

Ссылку на изучение основ я дал.

Стили прописаны в файле stylesheet.css

Те стили, что я советую поменять я выделил жирным шрифтом.

Как работать со стилями:

В браузере нажимаете F12 или правый щелчок - Просмотреть код

Открывается Инспектор кода.

Посмотрите в интернете видео как с ним работать. Разберетесь.

Выбираете элемент. Правите стили. Когда результата вам нравится, переносите эти стили в stylesheet.css

 

[Blondy]

С шапкой беда. Куча пустого места гуляет. Пол экрана реально занимает .

Было 

 

Стало 

 

Картинки в слайдшоу и баннерах не по размеру. Белые поля выглядят плохо. 

 

Ща напишу про цвета ) 

[Blondy]

А если убрать все тени, градиенты и бордеры, которые вообще не в тему, то можно что-то подобное изобразить 

 

 

Подобрать цвета, можно тут, например https://color.adobe.com/ru/ 

Ну, и белого выходит очень много, тоже можно было бы что-то придумать. 

 

Как-то не очень 

 

С оформлением заказа что-то тоже нужно сделать. А то купить не смогут лишь все... )) 

 

 

 

 

 

[Shum69]

16 минут назад, jaffagold сказал:

Ссылку на изучение основ я дал.

Стили прописаны в файле stylesheet.css

Те стили, что я советую поменять я выделил жирным шрифтом.

Как работать со стилями:

В браузере нажимаете F12 или правый щелчок - Просмотреть код

Открывается Инспектор кода.

Посмотрите в интернете видео как с ним работать. Разберетесь.

Выбираете элемент. Правите стили. Когда результата вам нравится, переносите эти стили в stylesheet.css

 

Нее. Как поменять цвета я в курсе. Сам расцветку сайта делал. Я просто не совсем понял, что мне делать с выделенным. Вставить именно, то что Вы написали или указанные позиции изменить! Вот в чем вопрос! :-)

[Shum69]

2 минуты назад, Blondy сказал:

А если убрать все тени, градиенты и бордеры, которые вообще не в тему, то можно что-то подобное изобразить 

 

 

Подобрать цвета, можно тут, например https://color.adobe.com/ru/ 

Ну, и белого выходит очень много, тоже можно было бы что-то придумать. 

 

Как-то не очень 

 

С оформлением заказа что-то тоже нужно сделать. А то купить не смогут лишь все... )) 

 

 

 

 

 

Полностью с вами согласен! Но цвета должны быть ИМЕННО такими. Градиент можно и убрать если уж так многим не нравится. А вот все остальное, Шрифт телефона, эмблема вверх и особенно синяя полоска - вот это я сделать пока, что сам не могу! :-( Особенно синяя полоска, где я ее только не искал! Может научите? :-)

"А то купить не смогут лишь все... ))" - а по этому пункту, что так? Вроде все работает. Если я правильно понял, то затык в том, что надо сначала выбрать область! И тогда все работает, ну по крайней мере у меня работает. Или я не прав?

[jaffagold]

3 минуты назад, Shum69 сказал:

Особенно синяя полоска, где я ее только не искал! Может научите?

вам лень предложенные мной правки сделать?

[Blondy]

1 минуту назад, Shum69 сказал:

Но цвета должны быть ИМЕННО такими

Какими такими? Коричневый взят с вашего лого. Зеленый с баннера )) Оранжевый тоже можно обыграть, если нужно так прямо строго. 

3 минуты назад, Shum69 сказал:

Особенно синяя полоска, где я ее только не искал! Может научите?

Вот ваша синяя полоска

 

 

 

3 минуты назад, Shum69 сказал:

Вроде все работает. Если я правильно понял, то затык в том, что надо сначала выбрать область!

Очень длинная и сложная стандартная форма заказа )) 

 

[Shum69]

Нет нет, что Вы. Это я Blondy отвечал. 

3 минуты назад, Blondy сказал:

Какими такими? Коричневый взят с вашего лого. Зеленый с баннера )) Оранжевый тоже можно обыграть, если нужно так прямо строго. 

Вот ваша синяя полоска

 

 

 

Очень длинная и сложная стандартная форма заказа )) 

 

Чувствуется рука мастера! :-) Огромное спасибо! А как форму заказа изменить? Модулем?

[Blondy]

2 минуты назад, Shum69 сказал:

А как форму а как изменить? Модулем?

Simple 

[Shum69]

Огромное спасибо! За критику и помощь! 

[jaffagold]

Чтобы не нарушать вашу пастораль

попробуйте

.btn-primary {

color: #ffffff;

text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

background-color: #5c3200;

background-image: linear-gradient(to bottom, #925813, #5c3200);

background-repeat: repeat-x;

border-color: #5c3200;

}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {

background-image: linear-gradient(to bottom, #e6902a, #5c3200);

/* background-position: 0 -15px; */ это убираем или пишем как ниже

background-position:0 0;

}

В принципе, эти стили можно дописывать в самом конце файла стилей.

Чтобы не лезть в изначальный код

Тогда достаточно только выделенные строки использовать ( ну и селекторы, конечно)

[Shum69]

Прошу прощения за тупость! Вы предлагаете мне вставить данный текст на 194 строке с заменой старого на новый? Так? А вот это - /* background-position: 0 -15px; */ - вообще удалить? Я правильно понял?

[jaffagold]

Можно править, тогда править только выделенное (я не люблю так делать, но многие делают именно так)

или дописывать в самый конец 

тогда невыделенные строки стилей можно выбрасывать, т.к. они повторяют имеющиеся ( селекторы и фигурные скобки оставляем)

В стилях для кнопки

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]

код

 background-position: 0 -15px; 

или удалить,

или,

если вписывать

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {

background-image: linear-gradient(to bottom, #e6902a, #5c3200);/*этот стиль даст нам градиентную заливку при наведении*/

background-position:0 0;/*этот стиль отменит предыдущий, который давал полосу со сдвигом*/

}

в конец файла,

и он отменит предыдущий.

Не забывайте делать резервные копии файлов перед внесением изменений. Вдруг не понравится.

И еще. вы не отреагировали на замечание Blondy о слайдах.Надо подобрать слайды правильного размера.

[Shum69]

4 минуты назад, jaffagold сказал:

И еще. вы не отреагировали на замечание Blondy о слайдах.Надо подобрать слайды правильного размера.

Я просто подумал, что буду исправлять. Еще раз извините, но что с ними не так? И как ПРАВИЛЬНО их подобрать?

[Shum69]

Просто обрезать в нужный размер?

[jaffagold]

Ваш слайд

Скрытый текст

имеет очень большие белые поля

Потому что размер слайда 1140x380

и размер фото для него имеют разные пропорции.

Подберите картинку вытянутую по горизонтали

Или в фотошопе подготовьте какой-то коллаж.

[Shum69]

Аааа. Понял. Спасибо! Буду работать. :-) Еще раз спасибо за замечания!

[WarStyle]

17 часов назад, Shum69 сказал:

Сборка PRO

 

Самый главный вопрос - откуда сборка про? Почему у Вас нет статуса про юзер?

[Shum69]

Скажем так - владелец сайта купил на свое имя, а его работник/сотрудник/партнер - нужное выбрать!  Сайтом я занимаюсь, ему некогда. Он мне все правда доступа отдал.

[WarStyle]

23 минуты назад, Shum69 сказал:

Скажем так - владелец сайта купил на свое имя, а его работник/сотрудник/партнер - нужное выбрать!  Сайтом я занимаюсь, ему некогда. Он мне все правда доступа отдал.

 

Пусть дадут данные о покупке, где и когда был куплен, а Вы эти данные отправьте @admin, потому как если не сделаете, будут проблемы =)