Новости Joomla

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

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Настройка позиции CSS
« : 06.05.2020, 13:14:23 »
Здравствуйте.
VirtueMart 3.6.10 / Joomla! 3.9.12 / protostar / сайт
Для вывода ярлычков: новинка, скидка и других, на странице категории использовала настраиваемое поле "изображение".
При условии, что на одном товаре несколько ярлыков - метод не подходит.

Если сделать два и более настраиваемых поля и при помощи CSS задать им свои позиции.
 как-то так

Подскажите решение - Спасибо.
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Настройка позиции CSS
« Ответ #1 : 06.05.2020, 15:07:48 »
Для настраиваемого поля ВИрт можно указать свою позицию, и в макете добавить в структуру
Код
echo echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'custom'));
« Последнее редактирование: 06.05.2020, 15:23:08 от draff »
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #2 : 06.05.2020, 15:27:28 »
Каждому полю своя позиция yarl, yarl1, yarl2
 В макет
Код
			<?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'yarl'));?>
<?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'yarl1'));?>
<?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'yarl2'));?>

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

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Настройка позиции CSS
« Ответ #3 : 06.05.2020, 16:14:58 »
скопировал ваш код, все работает .
Код
    // Show Products ?>
<div class="product vm-col<?php echo ' vm-col-' . $products_per_row . $show_vertical_separator ?>">
<div class="spacer product-container" data-vm="product-container">
<?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'yarl'));?>
<?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'yarl1'));?>
<?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'yarl2'));?>
<div class="vm-product-media-container">
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #4 : 06.05.2020, 18:21:31 »
Спасибо за участие!!
Изображение ложится выше основного, получается
Если использовать
.browse-view .product-fields {
    position: absolute;
ярлычки становятся нормально, но друг на друга. потому видно только первый.
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Настройка позиции CSS
« Ответ #5 : 06.05.2020, 19:13:57 »
Код
		<div class="spacer product-container" data-vm="product-container">
<div class="row">
<div class="custom_show " >
<?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'yarl'));?>
<?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'yarl1'));?>
<?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'yarl2'));?>
</div>
<div class="vm-product-media-container custom_media ">

<a title="<?php echo $product->product_name ?>" href="<?php echo JRoute::_($product->link.$ItemidStr); ?>">
<?php
echo $product->images[0]->displayMediaThumb('class="browseProductImage"', false);
?>
</a>

</div>
</div>
CSS
Код
.product-field-display  {width:54px;}
.custom_show {float:left;}
.custom_media {float:right}
.custom_show,.custom_media {width:48%;}
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #6 : 06.05.2020, 21:00:50 »
У Вас нормально, именно так как надо. У меня нет этого.
 
подключился только .product-field-display  {width:54px;} остальные нет.
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Настройка позиции CSS
« Ответ #7 : 06.05.2020, 21:07:10 »
А вы внимательно смотрели добавление в структуру макета ?
<div class="custom_show " >
<div class="vm-product-media-container custom_media ">
И что эти два элемента в обертке
<div class="row">
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #8 : 06.05.2020, 21:22:56 »
Спасибо!!!
Единственно. центральное изображение полностью сдвинуто в право во всех товарах.
« Последнее редактирование: 06.05.2020, 21:41:08 от Елeна »
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Настройка позиции CSS
« Ответ #9 : 07.05.2020, 05:41:10 »
CSS
Код
div[class*="-view"] .row {
justify-content: space-around;
}
И добавить проверку в структуру
Код
	<?php			if( array_key_exists('yarl', $product->customfieldsSorted) ) : ?>
<div class="custom_show " >
<?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'yarl'));?>
<?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'yarl1'));?>
<?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$product,'position'=>'yarl2'));?>
</div>
<?php endif ?>
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #10 : 07.05.2020, 11:30:20 »
При этом коде настраиваемые поля не видны. Firefox видно что их нет.
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Настройка позиции CSS
« Ответ #11 : 07.05.2020, 12:00:08 »
А позиция yarl есть в кастом поле ? Укажите свою позицию
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #12 : 07.05.2020, 12:10:07 »
поля раз настроены больше не трогаю
https://yadi.sk/i/ug25mfLT4pxTKQ

Скорее всего неправильно вставляю данный вами код.
Если можно дайте от  // Show Products ?> до конечного для этого блока </div>
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Настройка позиции CSS
« Ответ #13 : 07.05.2020, 13:21:29 »
Кеш чистите
Спойлер
[свернуть]
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #14 : 07.05.2020, 13:43:19 »
после каждого изменения в файле - shift+f5
при этом коде невидно ярлычков, как-будто не подключены Firefox
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Re: Настройка позиции CSS
« Ответ #15 : 07.05.2020, 13:51:43 »
Цитировать
после каждого изменения в файле - shift+f5

Ctrl+Shft+i
Вкладка Network
Поставить галочку Disable cache
И просто сверните - пока открыта консоль - статика кешиться не будет !  8)
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #16 : 07.05.2020, 14:08:02 »
Спасибо. Удобнее, чем чем каждый раз после перезаливки файла чистить кеш. Особенно если пропустил и не понятно почему не получилось.
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #17 : 08.05.2020, 08:18:33 »
Немного не то.
стили
Код
.product-field-display  {width:54px;}
.custom_show {float:left;}
.custom_media {float:right}
.custom_show,.custom_media {width:48%;}

повлияли на карточка товара
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Настройка позиции CSS
« Ответ #18 : 08.05.2020, 09:39:35 »
Добавьте селектор точнее browse-view
Код
.browse-view .product-field-display  {width:54px;}
.browse-view .custom_show {float:left;}
.browse-view .custom_media {float:right}
.browse-view .custom_show,.browse-view .custom_media {width:48%;}
Но еще лучше переопределить макет карточки товара для категории Вирт
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #19 : 08.05.2020, 10:17:49 »
Скорее всего что то упускаю или возможно из-за шаблона - у меня protostar

В файле products.php без изменений Ваш блок кода - нет вывода ярлыков
и добавление  browse-view не исправило ситуацию в карточке товара

*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Настройка позиции CSS
« Ответ #20 : 08.05.2020, 10:58:57 »
возможно из-за шаблона - у меня protostar
На локалке тестирую на том же шаблоне, стандартном, чтобы исключить фактор стороннего шаблона .
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #21 : 08.05.2020, 12:08:34 »
Вариант не работает.
Пожалуйста, давайте ещё раз.
Для вывода настраиваемого поля "изображения" на странице категории в нужное мне место вставляю в файл products.php код
Работает, но легли ярлычки выше основного изображения. скрин
Ярлыки должны быть рядом с главным изображением.
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #23 : 08.05.2020, 12:12:59 »
Цитировать
:laugh: дитё  что у тебя не работает ! ? )))
не получается правильно разместить несколько ярлычков на одном товаре.
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Re: Настройка позиции CSS
« Ответ #24 : 08.05.2020, 12:16:07 »
Вариант не работает.
Пожалуйста, давайте ещё раз.
Для вывода настраиваемого поля "изображения" на странице категории в нужное мне место вставляю в файл products.php код
Работает, но легли ярлычки выше основного изображения. скрин
Ярлыки должны быть рядом с главным изображением.
Слушайте   )) Дайте  draff FTP - и через пять мин . это будет решено !! )))
Не отнимайте жизнь - у Людей !! - они (draff) и так вам скажут .. - но конечно заплатите ! ))  - но это не глобально ! )

ps : Берегите Себя
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Re: Настройка позиции CSS
« Ответ #25 : 08.05.2020, 12:19:06 »
не получается правильно разместить несколько ярлычков на одном товаре.
Хотите ? - решим - Платно
*

Елeна

  • Захожу иногда
  • 101
  • 1 / 0
Re: Настройка позиции CSS
« Ответ #26 : 08.05.2020, 12:31:23 »
Спасибо.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Калькуляция по опциям не только в позиции addtocart

Автор NIKOLY

Ответов: 1
Просмотров: 1282
Последний ответ 22.10.2020, 19:33:14
от AlexB
Custom Fields for All вывод в разные позиции

Автор bodich

Ответов: 1
Просмотров: 2156
Последний ответ 08.09.2015, 23:07:52
от gartes
Настройка VirtueMart для целей Яндекс.Директа

Автор xenongattz

Ответов: 0
Просмотров: 1762
Последний ответ 06.12.2013, 20:41:16
от xenongattz
Настройка стандартного модуля поиска VM2

Автор webgrig

Ответов: 8
Просмотров: 1418
Последний ответ 20.09.2013, 16:01:54
от Максим Пишняк