wipper

Вы видимо не поняли...

Ну да, не понял, перечитав заново - понял что вы хотите их вовсе убрать  

Вам необходимо или сделать сайт резиновым, или сделать адаптивный дизайн

При 1024px на широкоэкранных мониторах все равно отступы останутся

 

В stylesheet.css в блок header прописал

background: url('../image/data/admin/background.jpg') no-repeat;

background-size: 100% 100%

 

Ничего не поменялось

 

Здесь экстрасенсов нет - давай ссылку на сайт

На телефоне шаблон отображается с отступом справа, слева нету...

Как сделать чтобы сайт был всегда посередине на телефоне и на пк?

Без всяких отступов.

Пробовал практически всё... Не пойму в чём дело.

Помогите)))

И что это будет - откроется ваш сайт, а на экране пользователя кирпичи, поди догодайся что надо ползунок снизу двигать :-D

Добрый день! Нужна помощь, нужно реализовать меню в две строки. Нашел подобную тему https://opencartforum.com/topic/8018-realizatciia-meniu-magazina-v-dve-stroki-resheno/ , но мне это не помогло.Задать ширину для  #menu > ul > li не могу, так как наименование меню имеют разную длину (что-то переносится, половину не видно), если прописать <br> в базе, то все ок, но хлебные крошки лезут....Короче нужна помощь.

 

 

Хочу сделать следующее:

 

К примеру

Духовые шкафы

Варочные панели

 

сделать так:

 

Духовые       Варочные

шкафы         панели

 

Может есть платное решение?Или куда копать?

Ссылка на ваш сайт есть?

Название шаблона будет montag-market.ru

Что продавать то будете? :-)

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

 В Css пропиши

 

И еще, не подскажете, как изменить синий цвет на другой на двух последних картинках?

 

 

http://hodea.ru/catalog/view/javascript/bootstrap/css/bootstrap.min.css

.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.428571429;
text-decoration: none;
color: #428bca;
background-color: #fff;
border: 1px solid #ddd;
;
}

media="screen"
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 2;
color: #fff;
background-color: #428bca;
border-color: #428bca;
cursor: default;
}

Здесь цвет по другой картинке

media="screen"
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
border-color: #428bca;
}

Вам же ответили, уберите картинку для фона, она полупрозрачная и все будет гуд.

https://opencartforum.com/topic/12363-obratnyi-zvonok-ot-dedushki/

http://dedushka.org/kod/6722.html

Оранжевая кнопка не комильфо по юзабилити (подсознание работает как на светофор, догадайтесь сами, первую реакцию на почти красную кнопку)). В вашем варианте лучше зеленая, а hover - темно-зеленая или ярко-зеленая

 Совершенно с вами согласен, оранжевая кнопка не вписывается в дизайн, наверняка лучше бы сделать или зеленую кнопку в цвет меню с салатовой подсветкой, или темносерую (ближе к черному) с зеленой подсветкой при наведении 8-).

Я бы сделал бы темно серую с зеленой подсветкой, и изменил бы розовую акцию на зеленую

И получится так

Wipper, Спасибо большое!! Помогло)

 Огромное пожалуйста! Помогая другим - совершенствуешься сам!

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

Я незнаю почему вы не можете найти этот код, я скачал ваш шаблон он там есть, внимательней ищите.

Вот код для категории

Внимательно смотрите - высылаю пути файлов

/catalog/view/theme/electronics/template/product/category.tpl

Здесь находим код (у меня 143 строка)

      <?php echo $product['stock'];?>

меняем на 

      <?php if (!$product['special']) { ?>
                                         <div class="stock"><?php echo $product['stock']; ?></div>
                            <?php } else { ?>
                                         <div class="no-stock"><?php echo $product['stock']; ?></div>
        <?php } ?>

Далее, если дублируется зеленая галочка в наличии, то идем по пути

/catalog/language/russian/product/category.php

Находим последнюю строку

$_['text_instock']      = '<div class = "stock">Есть в наличии</div>';

В ней оставляем только 

$_['text_instock']      = 'Есть в наличии';

Сохраняемся.

Вот и всЁ. Теперь у вас должно быть так как на сайте http://opencart3.esy.es/index.php?route=product/category&path=25_28

Да забыл, картинки влево съехали, находим 

/catalog/view/theme/electronics/stylesheet/stylesheet.css

.product-grid .image {
	display: block;
	margin-bottom: 0px;
	text-align: center;
}

Добовляем выравнивание по центру.

Разжевал подробней некуда, должно получиться  :eek:

Здравствуйте. Помогите пожалуйста по двум проблемам:

1. Как сделать нормальным отображение сайта на телефоне? Настраивал для компьютера, а в браузере телефона получилось все смещено. Хотелось бы выровнять и наладить. Скрины

http://rghost.ru/58651807

http://rghost.ru/58651818

2. Как сделать фильтры на сайте связанными?

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

Заранее всем спасибо!

#container {
width: 980px; ИЗМЕНИ НА width: 1024px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

Вроде тогда нормально отображается

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

//////

Также есть небольшая проблема в самом коде шаблона. Если товар есть в наличии, напротив наличия стоит зеленая "галочка", а если нет в наличии должна стоять серая, но она почему то не проставляется, где-то не дописан код или не пойму в чем проблема. 

Например берем файл модуля  /catalog/controller/module/featured.php 

Открываем и правим:

Находим 

<div class="stock"><?php echo $product['stock'];?></div>

И меняем на 

			        <?php if (!$product['special']) { ?>
                                         <div class="stock"><?php echo $product['stock']; ?></div>
                            <?php } else { ?>
                                         <div class="no-stock"><?php echo $product['stock']; ?></div>
        <?php } ?>

Не слишком просто, врятли сам справлюсь. Странно что на прошлом сайте все было отлично во всех браузерах. Хотя версии opencart одинаковы

opencart  здесь не причем, стили редактировать надо

 

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

 

http://sunblomma.ru

 

1. Убрала справа 2 лишние колонки с текстами - осталось пространство - как имеющиеся 4 колонки равномерно распределить по всему футеру.

 

@media (min-width: 1200px)
.span2 {
width: 230px;
padding-left: 40px;
}

@media (max-width: 979px) and (min-width: 768px)
.span2 {
width: 160px;
padding-left: 6px;
}

У вас адаптивный шаблон, редактируйте файл стилей bootstrap-responsive.css для каждого разрешения экрана

1/5/x

Так зачем вам модуль? - создайте в банерах категорию Партнеры, добавьте туда изображения и в модуле карусель создайте Партнеры и укажите ваши банеры.

делайте так

@media screen and (max-width: 980px) { 
/*сюда стиль под размер экрана который нужно измнить*/ 
}

@media screen and (max-width: 640px) { 
/*сюда стиль под размер экрана который нужно измнить*/ 
}

@media screen and (max-width: 320px) { 
/*сюда стиль под размер экрана который нужно измнить*/ 
}

Тоесть при сворачивании окна даже в браузерах будет меняться CSS в зависимости от размеров окна

На моем нормально все было. Размеры экрана походу разные. Подскажите, возможно ли подогнать под все?

Конечно можно и даже всё очень просто - изучайте адаптивную верстку средствами css.

На главной также возле наличии проставляется зеленая галочка, есть товар в наличии или его нет, а в категориях галочка стоит только возле товаров со статусом есть в наличии, такое ощущение что для галочки нет в наличии (серая) вообще не прописан код, даже зеленая не проставляется, где это можно исправить не нашел. 

Нужно дописать код в шаблоне этих модулей

Что за шаблон у вас, название?

Измените это, а то логотип перекрывает букву Г (главная)

#header .links a {
float: left;
display: block;
padding: 0px 0px 0px 3px; было так 0px 0px 0px 7px;
color: #000;
text-decoration: none;
font-size: 12px;
text-transform: uppercase;
}

В категориях фото товара сдвинуто влево... 

.product-grid .image {
display: block;
margin-bottom: 0px;
text-align: center;
}

  в stylesheet.css строка 1123

И еще кстати не нашел каким образом сделать фото товара по центру в каталоге товаров? 

Вроде бы всё по центру  :ugeek:

 

Хм, и правда получилось... а вчера ни в какую! 

Что касается наличия товара. Вот код:

#content .stock {
    background: url("/image/stock.gif") no-repeat scroll left center transparent;
    margin-left: 21px;
    margin-top: 7px;
    padding-left: 28px;
    text-align: left;
}
#content .no-stock {
    background: url("/image/no-stock.gif") no-repeat center left transparent;
    float: left;
    margin-top: 7px;
    padding-left: 28px;
    margin-left: 12px;
}
#column-left .stock,
#column-right .stock {
    background: url("/image/stock.gif") no-repeat center left transparent;
    float: left;
    margin-top: 7px;
    padding-left: 28px;
    margin-left: 12px;

Пытался исправить, но не вышло, что посоветуете сделать?  Заранее спасибо за помощь)

 

Так это стили, а вам нужно редактировать код модуля, отвечающего за вывод этих блоков - рекомендуемых и тд. Там должно быть условие если в наличии то класс .stock, а если не в наличии то .no-stock  (ну вот как-то так)

Так и на компе такая же ерунда как и на первом скрине, а вот на андройде всё ГУУУД )))