-
Публікації
158 -
З нами
-
Відвідування
Тип публікації
Профілі
Форум
Маркетплейс
Статті
FAQ
Наші новини
Магазин
Блоги
module__dplus_manager
Повідомлення, опубліковані користувачем Lifeamove
-
-
В 07.06.2016 в 21:42, AlexDW сказал:
это Дополнения->Модификаторы (Модификации)
там есть специальная кнопка для обновления кеша модификаторов, а рядом расписано в каких случаях нужно на нее жмакать
В дополнениях нету ни Модификатора ни Модификации
-
jaffagold, да не готова, спасибо, туда ещё наверное нужно rel="nofollow" и title="..."
-
jaffagold, а в коде html у меня всё ровно получается да?
Скрытый текст<div class="benefits clearfix"> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center"> <a rel="nofollow" href="/delivery/" id="ben-one" title="Узнать подробности"> <span class="ben-img"></span> <span class="ben-text"> Доставка бесплатная <br> Быстрая и удобная </span> </a> </div> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center"> <a id="ben-two"> <span class="ben-img"></span> <span class="ben-text"> Оперативное <br> Качественное обслуживание </span> </a> </div> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center"> <a id="ben-three"> <span class="ben-img"></span> <span class="ben-text"> Товар оригинальный <br> Всегда в наличии </span> </a> </div> </div>
Посмотрите пожалуйста что произошло! f12 на мобильное устройство...
ссылка на изображение, размер: 18.9 кбайт, 275 x 397 точек
У Вас так же?
-
jaffagold, получается тогда и в css нужно менять с .benefits на .benefits clearfix так?
Редакция / дополнение:
Вставил как Вы и сказали clearfix, в stylesheet.css нечего не менял. Вроде всё получилось.
P.S. Прошу прощения за тупость, ошибся с добавлением класса (в общие кавычки)... начинаю познавать css...
Редакция / дополнение:
Подскажите правильно ли я подчистил css (свою филькину грамоту):
Общите добавление stylesheet.css:
Скрытый текст.benefits {
width: 100%;
margin: -15px 15px 15px;
}
.benefits ul {
list-style: none;
overflow: hidden;
margin: 0px; padding: 0px;
}
.benefits ul li {
float: left;
margin-left: 33px;
}
.benefits ul li.first{
margin-left: 33px;
}.benefits ul li.last{
margin-right: 0px;
}
.benefits ul li a {
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 24px;
display: block;
width: 220px;
color: #000;
background-repeat: no-repeat;
background-position: top center;
}
.ben-img {
height: 100px;
display: block;
margin: 10px auto;
float: left;
}
#ben-one .ben-img {
background-image: url('../image/home/1.png');
background-position: 0 0;
width: 100px;
}
a#ben-one:hover {
text-decoration: underline!important;
}
#ben-two .ben-img {
background-image: url('../image/home/2.png');
background-position: 0px 0;
width: 100px;
}
#ben-three .ben-img {
background-image: url('../image/home/3.png');
background-position: 0px 0;
width: 100px;
}
a#ben-three:hover {
text-decoration: underline!important;
}
a#ben-two {cursor: default!important;}
.ben-text {
font-family: tahoma;
text-align: center;
margin-top: 40px;
font-size: 14px;
font-weight: normal;
line-height: 24px;
display: block;
width: 300px;
color: #000;
}Удалять буду следующие селекторы (те которые
зачёркнутыеудаляю) stylesheet.css:Скрытый текст.benefits {
width: 100%;
margin: -15px 15px 15px;
}
.benefits ul {
list-style: none;
overflow: hidden;
margin: 0px; padding: 0px;
}
.benefits ul li {
float: left;
margin-left: 33px;
}
.benefits ul li.first{
margin-left: 33px;
}.benefits ul li.last{
margin-right: 0px;
}
.benefits ul li a {
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 24px;
display: block;
width: 220px;
color: #000;
background-repeat: no-repeat;
background-position: top center;
}
.ben-img {
height: 100px;
display: block;
margin: 10px auto;
float: left;
}
#ben-one .ben-img {
background-image: url('../image/home/1.png');
background-position: 0 0;
width: 100px;
}
a#ben-one:hover {
text-decoration: underline!important;
}
#ben-two .ben-img {
background-image: url('../image/home/2.png');
background-position: 0px 0;
width: 100px;
}
#ben-three .ben-img {
background-image: url('../image/home/3.png');
background-position: 0px 0;
width: 100px;
}
a#ben-three:hover {
text-decoration: underline!important;
}
a#ben-two {cursor: default!important;}
.ben-text {
font-family: tahoma;
text-align: center;
margin-top: 40px;
font-size: 14px;
font-weight: normal;
line-height: 24px;
display: block;
width: 300px;
color: #000;
}Получается удаляю из stylesheet.css: селекторы:
- benefits ul
- benefits ul li
- benefits ul li.first
- benefits ul li.last
Похоже у меня эти тоже не работают!? То есть их тоже можно удалить?
Скрытый текстa#ben-one:hover {
text-decoration: underline!important;
}a#ben-three:hover {
text-decoration: underline!important;
}
a#ben-two {cursor: default!important;}
-
jaffagold, получается нужно весь <div class="benefits"></div> обернуть <a class="benefits clearfix"> </a>?
Что бы получилось вот так:
<a class="benefits clearfix">
<div class="benefits">...</div>
<a>
Или обернуть каждый бокс вида <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center">?
Или просто подписать в <div class="benefits"></div> что бы получилось:
<div class="benefits" "clearfix"></div> ?
-
12 часов назад, jaffagold сказал:
Добавьте кроме имеющегося класса еще и clearfix
class="benefits clearfix"
И можете еще помучаться. Для малых экранов подсмотрите как это делается на примере:
@media (max-width: 767px) {
.product-list .product-thumb .caption {
min-height: 0;
margin-left: 0;
padding: 0 10px;
}
.product-grid .product-thumb .caption {
min-height: 0;
}
}Можете подвинуть ваши картинки
jaffagold, не стал добавлять clearfix, на некоторых "умных" сайтах пишут то что: с помощью "overflow в hidden или auto" можно добиться тех же результатов что и с clearfix...
А я в общем сделал по другому: изображение уменьшил до 100px, сделал отрыв benefits от верха на -15px, текст уменьшил на 2 параметра и сместил его вверх (уровнял) вроде что то получилось... при изменении размера окна, текст не залезает на другие картинки... вроде нормально.
По возможности взгляните и оцените... может стоит так и оставить на первое время... потом после смены шаблона уже доделывать до идеала.
P.S. Столько времени ушло на эти картинки что нету слов, считал то что если с ними разберусь в дальнейшем будет проще работать над другими элементами.
-
1 час назад, jaffagold сказал:
Вам и ul стоит убрать.
Можно в рамочку взять, как баннеры иногда делают. Но тогда надо вложить еще один div в каждую ячейку сетки и ему задать border, background ....Текст желательно писать приближенный к реальному, тогда будет понятно, как на строки разобьется.
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 - это совершенно стандартный кусок кода.
Просмотрите как смотрится ваша группа картинок, сжимая окно браузера, разные бывают экраны у людей. Планшеты, мобильные.
jaffagold, ага шикарно: удаляю все <li> + удаляю <ul>... и код css к этим ul + li тоже тогда не нужен?)
На код можете взглянуть https://opencartforum.com/topic/73095-css-stili-uproschenie/ там в самом низу...
Меня походу глючит? Я удалил li и ul что с ними, что без них - одно и тоже!?
Получается зря мутил воду и делал css...
* * *
После удаления <li> и <ul> картинки все три сместились левее, и опять стоят не по центру...
Я в stylesheet.css в селекторе .benefits {
Поменял
width: 100%;
margin: 5px 0px;На
margin: 1px 55px;
Действительно картинки сместились правее и вроде как встали в центр... но при изменении размера окна браузера они не всегда по центру остаются...
+При определённом размере окна (браузера) текст залезает под другой блок (под другую картинку)
P.S. Можете посмотреть swatch24.com (доменное имя будет поменяно *не реклама)
-
mazein, добавил к .ben-img { float: left;}
Чикарно всё встало как нужно.
Респект!
Убрал <li> все картинки съехали в левую сторону, текст остался на месте... можете взглянуть если интересно.
-
22 минуты назад, mazein сказал:
Ну как-то так, да.
mazein, не догоняю и какой ему параметр через css задать что бы он располагался справа от картинки...?
text-align:... не получается
position:... не получается
P.S. Вопрос на будущее: вот такое нагромождение:
<span class="ben-text">***</span>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center"> картинка1 </div>
Будет ли как нибудь сказываться на seo продвижении? Не ухудшит его?
Просто думаю мало-ли робот посмотрит на код и посчитает то что его какой то второклассник писал, и не будет индексировать)))
-
Как я понял в home.tpl оберну текст
<span class="ben-text"> здесь текст </span>
Убираю <br>
Потом при помощи css в stylesheet.css делаю стили .ben-text {и пошёл....}
Так?)
-
4 минуты назад, mazein сказал:
а где он должен быть?
mazein, справа от картинки
-
20 минут назад, mazein сказал:
Bootstrap class col-lg-4, + text-align: center
Даже лучше так:
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center"> картинка1 </div> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center"> картинка2 </div> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center"> картинка3 </div>
ув. mazein, то есть в /catalog/view/theme/default/template/common/home.tpl сами <li> окружаю div-ами... шикарно всё получилось... только текст остаётся под картинками... взгляните ссылку вам в личные сообщение скинуть, дабы не рекламироваться P.S. Хотя всё равно в скором времени домен будет поменян.
-
3 минуты назад, jaffagold сказал:
Вы их хотите разместить сразу под Главным (горизонтальным) меню?
ув. jaffagold, да сразу под главным меню, они так под ним и находятся... только нужно их грамотно оцентровать...
Есть вариант через .benefits ul > margin: 0px 0px 0px 169px; изменяя последнее значение "169px" и подогнать под центр... но не факт то что на всех мониторах будет одинаково ровно по центру...
Ещё есть задумка текста из под картинок вытащить и разместить их справа от каждой картинки... ни как не могу добиться нужного результата...
-
Приветствую!
Требуется переместить картинки в центр сайта, и сделать это качественно, что бы на разных мониторах (разной диагонали) эти элементы-картинки выравнивались строго по центру.
Вот ссылка на "тему" как я создавал данные картинки https://opencartforum.com/topic/73095-css-stili-uproschenie/
*Версия ocStore 2.3.0.2
*Шаблон default
-
Всем привет!
Друзья я сделал, кому интересно:
Это вставляем в home.tpl
<div class="benefits"> <ul> <li class="first"> <a rel="nofollow" href="/delivery/" id="ben-one" title="Узнать подробности"> <span class="ben-img"></span> "Доставка"<br>"Текст" </a> </li> <li> <a id="ben-two"> <span class="ben-img"></span> "Наличие"<br>"Текст" </a> </li> <li class="last"> <a id="ben-three"> <span class="ben-img"></span> "Качество"<br>"Текст" </a> </li> </ul> </div>
Это вставляем в stylesheet.css
.benefits { width: 100%; margin: 10px 0px; } .benefits ul { list-style: none; overflow: hidden; margin: 0px; padding: 0px; } .benefits ul li { float: left; margin-left: 33px; } .benefits ul li.first{ margin-left: 33px; } .benefits ul li.last{ margin-right: 0px; } .benefits ul li a { text-decoration: none; text-transform: uppercase; text-align: center; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; display: block; width: 220px; color: #000; background-repeat: no-repeat; background-position: top center; } .ben-img { height: 120px; display: block; margin: 10px auto; } #ben-one .ben-img { background-image: url('../image/home/1.png'); background-position: 0 0; width: 120px; } a#ben-one:hover { text-decoration: underline!important; } #ben-two .ben-img { background-image: url('../image/home/2.png'); background-position: 0px 0; width: 120px; } #ben-three .ben-img { background-image: url('../image/home/3.png'); background-position: 0px 0; width: 120px; } a#ben-three:hover { text-decoration: underline!important; } a#ben-two {cursor: default!important;}
Результат:
-
В общем получилось перезагрузить сервер при помощи смены версии PHP поменял на 5.5 и вернул назад на 5.4.
Итог: css стили не вступили в силу...
-
Скачал PuTTy, получилось зайти в PuTTy... ввожу reboot пишет Need to be root, пишу shutdown -r now пишет command not found... что Я делаю не так?
-
18 часов назад, snastik сказал:
ctrl + f5 - ваше все!
А еще system nginx restart
snastik, ctrl + f5 не помогает... я читал ваши ответы в др. темах...) Прошу прощения system nginx restart как и где делается? У меня сервер стоит на ISP manager...
На сколько понял нужно прописать в консоли сервера "service nginx reload", ни как не могу найти ~консоль в ISP manager-е. Или как по другому можно сделать рестарт системы nginx?
А вы смотрели мой код который я сделал для stylesheet.css? Нормально всё написал?)
-
Такое ощущение то что я вставлял в stylesheet.css сайт не видит!
Что я делаю не так, подскажите пожалуйста!
У меня стоит PHP 5.4, есть возможность поставить 5.5 / 5.6 / 7.0 / 7.1 может быть последнюю поставить, может из за этого?
-
Версия ocStore 2.3.0.2
Шаблон default
Решил делать по нормальному через css...
Добавил в /catalog/view/theme/default/template/common/home.tpl
<div class="benefits"> <ul> <li class="first"> <a rel="nofollow" href="http://swatch24.com/index.php?route=information/information&information_id=6" id="ben-one" title="Узнать подробности"> <span class="ben-img"></span> "Текст" <br> "Текст" </a> </li> <li> <a id="ben-two"> <span class="ben-img"></span> "Текст" <br> "Текст" </a> </li> <li class="last"> <a id="ben-four"> <span class="ben-img"></span> "Текст" <br> "Текст" </a> </li> </ul> </div>
И соответственно добавил в /catalog/view/theme/default/stylesheet/stylesheet.css (в самый конец файла)
element.style { } stylesheet.css:2253 .benefits { width: 100%; margin: 50px 0px; margin-top: 50px; margin-right: 0px; margin-bottom: 50px; margin-left: 0px; div { display: block; } element.style { } stylesheet.css:2257 .benefits ul { list-style: none; list-style-type: none; list-style-position: initial; list-style-image: initial; overflow: hidden; overflow-x: hidden; overflow-y: hidden; margin: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } ul, menu, dir { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; } element.style { } stylesheet.css:117 #content ul li { margin-bottom: 10px; } stylesheet.css:2266 .benefits ul li.first { margin-left: 0px; } stylesheet.css:2262 .benefits ul li { float: left; margin-left: 33px; } user agent stylesheet li { display: list-item; text-align: -webkit-match-parent; } element.style { } stylesheet.css:2275 .benefits ul li a { text-decoration: none; text-transform: uppercase; text-align: center; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; display: block; width: 220px; color: #000; background-repeat: no-repeat; background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-position: top center; background-position-x: center; background-position-y: top; } element.style { } stylesheet.css:2294 #ben-one .ben-img { background-image: url(catalog/view/theme/default/image/home/1.png); background-position: 0 0; background-position-x: 0px; background-position-y: 0px; width: 104px; } stylesheet.css:2289 .ben-img { height: 70px; display: block; margin: 10px auto; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; } element.style { } stylesheet.css:2324 a#ben-two, a#ben-four { cursor: default!important; } stylesheet.css:62 a, a:visited, a b { color: #38B0E3; text-decoration: underline; cursor: pointer; } stylesheet.css:16 body, td, th, input, textarea, select, a { font-size: 13px; } Inherited from li user agent stylesheet li { display: list-item; text-align: -webkit-match-parent; } element.style { } stylesheet.css:2303 #ben-two .ben-img { background-image: url(catalog/view/theme/default/image/home/2.png); background-position: -105px 0; background-position-x: -105px; background-position-y: 0px; width: 85px; } element.style { stylesheet.css:2270 .benefits ul li.last { margin-right: 0px; } user agent stylesheet li { display: list-item; text-align: -webkit-match-parent; } element.style { } Inherited from li.last user agent stylesheet li { display: list-item; text-align: -webkit-match-parent; } element.style { } stylesheet.css:2318 #ben-four .ben-img { background-image: url(catalog/view/theme/default/image/home/3.png); background-position: -262px 0; background-position-x: -262px; background-position-y: 0px; width: 81px; }
В итоге получилось так:
А нужно примерно вот так (др.картинки / другой текст)
-
Здравствуйте!
Задача создать картинки с подписями (допустим "доставка по всей россии", "работаем 24/7"...)
Вариант 1.
Обязательно ли вписывать стиль css для текста в /catalog/view/theme/default/stylesheet/stylesheet.css
А потом в /catalog/view/theme/default/template/common/home.tpl при создании текста под картинки которые хранятся в /catalog/view/theme/default/image/
Ссылаться на тот созданный стиль который записываем в stylesheet.css?
Вариант 2 (упрощение).
А если сразу в /catalog/view/theme/default/template/common/home.tpl перед прописью *box *ul (перед картинками с текстом) создать <style type="text/css">
Так не проще? Так вообще можно делать?
-
Добрый вечер bes999
Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. Оба действия выполняются с помощью тега <a>, который имеет единственный обязательный атрибут href. В качестве значения используется адрес документа (URL).
Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Начинаются они с указания протокола передачи данных. Так, для веб-страниц это обычно HTTP (HyperText Transfer Protocol, протокол передачи гипертекста), соответственно, абсолютные ссылки начинаются с ключевого слова http://
Пример:
<html>
<body>
<p><a href="http://www.yandex.ru">Поисковая система Яндекс</a></p>
</body>
</html>
P.S. Если есть кому что добавить, поправьте меня (уверенности на 100% нету, но по данному методу пробовал, получается).
-
Стоит версия ocStore 2.3.0.2
Самый дефолтный (первоначальный) шаблон.
Задача (вопрос): требуется (нужно) удалить личный кабинет (что бы ОН нигде не фигурировал(не встречался) на сайте, в том числе при оформлении заказа что бы не предлагалось зарегистрироваться и т.д.
Действия:
- Панель управление сайтом > Дополнения > Дополнения > (список) Модули > Аккаунт > Редактировать > Статус - Отключено > Сохранить
Комментарий:
- Данное действие ни к чему не приводит
Действия:
- Удалил папку catalog/controller/account
Комментарий:
- Удалились страницы account/login, account/register, account/wishlist
- В хедере личный кабинет и мои закладки остались, так же как и в футере
- При оформлении заказа так же предлагается войти в личный кабинет либо совершить регистрацию...
P.S. на форуме некоторые личности пишут - мол нужно из всех файлов стереть любые упоминание про account... (я не очень хорошо разбираюсь в html + css кодировках, по этому мне будет достаточно тяжело перечитать все файлы которые содержатся на сайте и найти + удалить "любые упоминание про account". Правда ли это единственный способ окончательно избавиться от личного кабинета? Если да, тогда прошу подскажите из каких конкретно файлов удалять упоминание про account...
-
При действии добавлять и обновлять выдаёт в admin/uploads/errors.tmp:
The Product passed: Row ~= 1 SKU = /products/product/@code Invalid price of product = 0
Please, set folder for photo on page 'Category and margin' for Category '61' Row ~= 2 The product passed
Main photo not found. Row ~= 2 SKU = 786014 err = 10 Product passedПервая строчка видимо это заголовки столбцов...
Папку для фото создал в диспетчере файлов (хостинга) image/catalog/ff, и указал её в "Категории и наценки" в поле *Существующая папка для загрузки фото товара (без image/catalog/): ff
В общих настройках > "Номера колонок, содержащих прямые ссылки на фото , через запятую или текстначала,конца парсинга" > указал номер столбца в xml > там прямая ссылка .jpg
Подскажите как это можно решить...?
Шаблон Next Default 15-colors для opencart 3x \ ocStore 2.1 & 2,3 [Поддержка]
в Бесплатные шаблоны
Опубліковано:
Спасибо! То есть если я обновился с ocStore 2.3.0.2 на 2.3.0.2.1 мне нужно:
Кэш модификаторов это:
В менеджере дополнений "Обновить" - чтобы обновить Кэш;
Системный кэш это:
Инструменты > OC Team > Очистка кэша > Действие > Открыть > Удалить кэш > "</> Системы"