0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 511 Просмотров
*

southerner47

  • Новичок
  • 2
  • 0 / 0
Уважаемые коллеги, подскажите, пожалуйста, вот с таким моментом:

В Joomla установил JoomShopping. На одной из страниц разместил строку поиска JoomShopping (JShopping Search), но сама кнопка "Поиск" разместилась не по соседству, справа от строки поиска, а внизу (см. скриншот1).

При помощи Chrome DevTools посмотрел какие классы стилей свойственны строке поиска и самой кнопке: class="inputbox input-small" и class="button btn btn-primary" для строки поиска и соответственно (см. скриншоты 2 и 3).

Но ни в templates\shaper_helixultimate\css\template.css, ни в \components\com_jshopping\css\default.css я этих классов найти не смог.
Можете, пожалуйста, подсказать как мне немного уменьшить размер строки поиска (чтобы не на всю ширину экрана) и за счет этого "поднять" кнопку, разместив её справа от строки поиска.

Заранее большое спасибо!

Скриншот 1: https://disk.yandex.ru/i/paqgnmhTWWD08w
Скриншот 2: https://disk.yandex.ru/i/EadD0Td12ahWKg
Скриншот 3: https://disk.yandex.ru/i/SuGMJ88FqYBCOQ
*

Alex_gs

  • Захожу иногда
  • 151
  • 1 / 0
Ну не знаю, поможет ли...
Вот как пример кусок стилизации с моего сайта. vkf-search-mod - CSS-класс модуля который указал в модуле.
Базовый шаблон Helix Ultimate. Код в custom.css .

.vkf-search-mod .mod-shop-search {width: 90%;}
.vkf-search-mod .mod-shop-search .button {
  float: right;
  font-size: 16px;
  position: relative;
  top: -38px;
  border: 1px solid #b89254;
  border-radius: 0 4px 4px 0!important;
  background: #b89254!important;
  color: #340e06;
  text-transform: uppercase;
}
.vkf-search-mod .mod-shop-search .button:hover {color: #001909; background: #4D9966!important; border: 1px solid #4D9966 ;}
.vkf-search-mod .mod-shop-search  input.inputbox {
  border: 1px solid #b89254!important;
  background: #fcdaab;
  color: #340e06!important;
  font-weight: 500;
}
.vkf-search-mod .mod-shop-search .adv_search_link a {color: #fcdaab;}
.vkf-search-mod .mod-shop-search .adv_search_link a:hover {color: #4D9966;}


Посмотреть можно тут - https://volkoff.com.ua/

Ну и чтобы убрать "старт", я сделал переопределение модуля и заменил строку 12 в
/templates/shaper_helixultimate/html/mod_jshopping_search/default.php

с
<input class = "button btn btn-primary" type = "submit" value = "<?php print \JText::_('JSHOP_GO')?>" />
на
<button  class = "button btn btn-primary" type = "submit"> <i class="fa fa-search" aria-hidden="true"></i> </button>
Заменив на вывод кнопки с лупой.
« Последнее редактирование: 08.12.2023, 09:33:32 от Alex_gs »
*

Alex_gs

  • Захожу иногда
  • 151
  • 1 / 0
*

southerner47

  • Новичок
  • 2
  • 0 / 0
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Перенос кнопки панели доступности

Автор revlin91

Ответов: 4
Просмотров: 1908
Последний ответ 05.11.2024, 23:26:39
от poopkin
Ошибка Отсутствует поле "itemReviewed

Автор Zegeberg

Ответов: 3
Просмотров: 437
Последний ответ 24.10.2024, 12:38:24
от Zegeberg
В разделе "Новости" выдаёт ошибку "Deprecated: mb_strpos(): Passing null to..."

Автор zantal

Ответов: 5
Просмотров: 988
Последний ответ 25.07.2024, 12:09:37
от Санчо
Поле "сообщение" RSContact высотой в одну строку

Автор antipod

Ответов: 1
Просмотров: 534
Последний ответ 08.07.2024, 21:30:40
от Vastriet
Кнопки "Вперёд" и "Назад" наоборот

Автор willart

Ответов: 109
Просмотров: 2722
Последний ответ 04.05.2024, 21:40:07
от willart