COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

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


Recommended Posts

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

 

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

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/

 

Ссылка на комментарий
Поделиться на других сайтах

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

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

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

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

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

 

Ссылка на комментарий
Поделиться на других сайтах

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

Было 

ac90e8f87e.jpg

 

Стало 

4f0cfc2e09.jpg

 

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

 

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

Ссылка на комментарий
Поделиться на других сайтах

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

 

22aa6950bd.jpg

 

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

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

 

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

e146f9478a.jpg

 

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

 

 

 

 

 

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

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

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

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

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

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

 

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

 

22aa6950bd.jpg

 

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

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

 

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

e146f9478a.jpg

 

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

 

 

 

 

 

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

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

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

 

 82QWaoesjznGer?d=1

 

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

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

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

 

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

 

 82QWaoesjznGer?d=1

 

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

 

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

Ссылка на комментарий
Поделиться на других сайтах

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

попробуйте

.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;

}

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

.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 о слайдах.Надо подобрать слайды правильного размера.

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

Ваш слайд

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

kombikorm-dlya-perepelov-3-1140x380.jpg

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

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

Ссылка на комментарий
Поделиться на других сайтах

  • RHCk changed the title to Интернет-магазин ЛПХ Исаков

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу