jaffagold

Кстати, вы можете в Инспекторе кода сами попытаться вставить этот блок для предварительного просмотра. Сделали? А теперь сделайте размер экрана поменьше, допустим 1200 или 1000 пиксеей. Уже не так красиво? Мне кажется более уместным размещением этого блока под блоком поиска в хедере.

Править product.tpl

странный путь у вас theme_default/ явно лишний Да и название вы придумали не слишком удачное. Лучше к изначальному имени дописывайте суффикс, типа manufacturer_info_apple.tpl category_mod1.tpl Тогда будет легче их находить и испоьзовать

Как работать с макетом вам уже рассказали. Что касается background и т.п. Смотрите класс у тега body

#menu .nav li:nth-child(5) a { color: red; } или другие стили, какие пожелаете. Главное, определиться с селектором.

.product-thumb .price-old { display: none; } или править category.tpl

В двух словах не объяснить. Там у вас одно за другое цепляется и тащит сайт в пропасть. В инспекторе кода уберите выделенное( просто отключите стиль, чтобы убедиться) и вы увидите, что половина контента от посетителя спрятана. http://mirolada.ru/index.php?route=product/product&path=62_110&product_id=151 #content { min-height: 430px; margin-bottom: 25px; font-size: 14px; background-color: #FFF; padding: 15px 25px; margin-top: 10px; text-align: justify; /* overflow: hidden; */ } stylesheet.css:1983 .catalog { /* height: 400px; */ } .product_info > .left { /* float: left; */ margin-right: 15px; /* width: 670px; */ } Но просто отключить , например, последний стиль не получится, он довольно глобальный. Там перепахивать надо все. Пройдите нормальный бесплатный онлайн- курс верстки. P.S. А что у вас символизирует желтая полоска меню с рваными концами? Секущиеся волосы? Или лыко для лаптей?

Сразу бы так и сказали: "убрать блямбы!. .catalog1 ul li a { background: none; }

Кто вообще придумал так верстать? Это просто адский ад. Так надо?

в самом конце файла Следующие ( нижние по тексту) свойства перекрывают действие предыдущих ( верхних) Обновить модификаторы Перезагрузить страницу с очисткой кеша браузера ( Ctrl+F5) Те стили, что вы отметили касаются всех страниц сайта. Кстати, проверьте в Инспекторе кода, какой класс у тега body на Главной странице?

Извините за прямоту, но это - плохой совет. Word добавляет кучу своих никому ненужных спец-тегов. Наоборот, от них надо очищать, например, сначала скопировав текст в Блокнот, а потом в опенкарт. Вот тут https://toster.ru/q/2330 предлагаются другие способы очистки И, понятное дело, надо вставлять код в режиме вставки кода( кнопка </>), потом переключаться в обычный режим. И только потом сохранять.

Прописать в файле стилей .common-home #top { display: none; } и не лезть в файлы .tpl

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

Дык, смотрите в инспекторе кода,скорее всего для мЕньших размеров экрана вступает в действие стиль из медиа-запроса( .col-md-3 )

Ради бога, не лезьте в product.tpl, а то потом будем все чинить. Я вам выше указал код, который достаточно дописать в файл стилей styleshet.css А еще лучше, вставить в собственный файл стилей, который можно подключить в админке. Посмотрите в настройках шаблона.

или Чтобы ничего не править прописываем #button-cart+br { display: none; } или .product-info #button-cart+br { display: none; } в файле стилей. Там, в коде страницы за перенос отвечает тег <br>

Ищется поиском в папке catalog\language\ Скорее всего catalog\language\ru-ru\product\product.php ( или немного другой путь, в зависимости от языка сайта)

модератора попросить

Рядом с надписью Цитата Через некоторое время пропадает возможность редактирования.

Тогда пробуйте второй вариант. .owl-wrapper-outer { -webkit-box-shadow: none; box-shadow: none; } .owl-pagination { top: 0; } уйдет тень, и на эту полосу станут индикаторы или третий: .owl-controls.clickable { margin-top: -20px; } Похоже, что вам понравится именно он.

#top-links li:nth-child(1) span { color: red; }

.owl-controls.clickable { display: none; } Уйдет и полоса и кнопки переключения слайдов. Если надо иное, то напишите, что именно требуется Там же и текст выводится для слайдов. А если вы только о серой полосе, то это тень от блока .owl-wrapper-outer { border: 4px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); */ -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); /* box-shadow: 0 1px 4px rgba(0,0,0,.2); */ }

Такое невозможно вообще, если говорить о миниатюрах товара. Или обрезать куски с боков или миниатюры с боковыми полями. Но возможно сделать фон блока, в котором находятся миниатюры фотографий одного цвета с полями на миниатюрах и убрать border.( это делается с помощью стилей css) В таком случае боковые полосы фотографии сольются с фоном. А для больших изображений можно сделать вывод без обрезки ( но заранее готовить их нужного размера). Не вникал, но похоже, новый модуль сжатия изображений и адаптивного ресайза сможет вам обрезать большие фото с ограничением по высоте и ширине, но без полей. Тогда на всплывающих фото полей не будет и фотографии будут не шире заданной ширины и не выше заданной высоты. Автор модуля (sitecreator) в этой теме. Думаю, он прояснит ситуацию. P.S. Мне вообще кажется, что такой гибридный вариант является оптимальным.

Что мешает удалить в category.tpl <h3><?php echo $text_refine; ?></h3> и стилизовать на свое усмотрение список подкатегорий? Кроме того, есть модули Стена категорий, Витрина категорий и подобные. Кроме того на форуме ранее предлагались доработки, надо только поискать