Search Results (Searched for: UIKIT)
Die Versionen sind aktuell. Ich habe den Code für die Modalbox in den Textbereich eingegeben - siehe Bild. Wenn ich den Code herausnehme, dann funktioniert der Übergang zum zweiten Bild. Die Modalbox funktioniert auch, aber eben nur einmal. Dann öffnet sich die Lightbox. Beim Slider klappt es mit den Code im Content, ich möchte nur gern, dass der Benutzer später den Text editieren kann.
ein kleines Stück weitergekommen, scheitere aber gerade an viereckigen Augen und PHP-Kenntnissen 
Ich habe vom mod_article_grid einen override erstellt und versuche dort anstelle des Artikel-Titels die Bildbeschreibung und/oder die Bildunterschrift des Einleitungsbildes auszugeben.
Was super wäre, wenn einer der beiden Werte standardmäßig über dem Bild, der andere beim MousOver angezeigt würde.
Wenn das überhaupt möglich ist, wie müsste der passende Code-Schnipsel ausehen?
Hier der Code der Originalen Style2.php
Ich habe vom mod_article_grid einen override erstellt und versuche dort anstelle des Artikel-Titels die Bildbeschreibung und/oder die Bildunterschrift des Einleitungsbildes auszugeben.
Was super wäre, wenn einer der beiden Werte standardmäßig über dem Bild, der andere beim MousOver angezeigt würde.
Wenn das überhaupt möglich ist, wie müsste der passende Code-Schnipsel ausehen?
Hier der Code der Originalen Style2.php
Code:
<?php
/**
* @package Joomla.Site
* @subpackage mod_article_grid
*
* @copyright Copyright (C) 2005 - 2020 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
JLoader::register('TagsHelperRoute', JPATH_BASE . '/components/com_tags/helpers/route.php');
$tags = new JHelperTags;
$taglayout = new JLayoutFile('joomla.content.tags');
$introtext_limit = $params->get('introtext_limit');
$item_style = $params->get('item_style');
$img_popup = $params->get('img_popup');
$strip_tags = $params->get('strip_tags');
defined('_JEXEC') or die;
?>
<div uk-filter="target: .js-filter; duration: 1000" animation="delayed-fade">
<?php if ($params->get('show_tag_filter')) : ?>
<ul class="uk-subnav">
<li class="uk-active" uk-filter-control><a href="#"><?php echo JText::_('MOD_UK_GRID_ALL'); ?></a></li>
<!-- <li uk-filter-control="filter: .politik"><a href="#">Politik</a></li>
<li uk-filter-control="filter: .technik"><a href="#">Technik</a></li> -->
<?php foreach($tagsList['index'] as $tag => $tagClass):?>
<li uk-filter-control="filter: .<?php echo $tagClass; ?>"><a href="#"><?php echo $tag; ?></a></li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
<div class="js-filter <?php echo $grid_class, $classes; ?> <?php echo $moduleclass_sfx; ?>" uk-grid<?php echo $grid_params, $hm_param; ?> >
<?php foreach ($list as $item) : ?>
<?php
$itemTags = $tagsList['items'][$item->id];
$itemClass = ' ';
foreach ($itemTags as $tag) {
$itemClass .= $tagsList['index'][$tag] .' ';
}
?>
<div class="<?php echo $itemClass; ?> <?php echo $grid_center; ?>">
<div class="grid-hover <?php echo $item_style; ?>">
<?php if ($params->get('img_intro_full') !== 'none' && !empty($item->imageSrc)) : ?>
<?php if ($params->get('readmore_popup') == '1' ) : ?>
<div class="uk-inline-clip uk-transition-toggle" >
<a class="uk-inline" href="<?php echo $item->link; ?>" >
<img src="<?php echo $item->imageSrc; ?>" alt="<?php echo $item->imageAlt; ?>" >
<div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-primary uk-flex uk-flex-center uk-flex-middle">
<span class="uk-transition-fade">
<?php if ($params->get('item_title')) : ?>
<h3><?php echo $item->title; ?></h3>
<?php endif; ?>
<?php if ($params->get('show_introtext', 1)) : ?>
<?php if ($params->get('strip_tags') == '1' ) : ?>
<?php echo JHtml::_('string.truncate', strip_tags($item->introtext), $introtext_limit); ?>
<br/>
<?php endif; ?>
<?php if ($params->get('strip_tags') == '2' ) : ?>
<?php echo JHtml::_('string.truncate', $item->introtext, $introtext_limit); ?>
<br/>
<?php endif; ?>
<?php endif; ?>
</span>
</div>
</a>
</div>
<?php endif; ?>
<?php if ($params->get('readmore_popup') == '2' ) : ?>
<div class="uk-inline-clip uk-transition-toggle" uk-lightbox>
<a class="uk-inline" data-type="iframe" href="<?php echo $item->link; ?>?tmpl=component" >
<img src="<?php echo $item->imageSrc; ?>" alt="<?php echo $item->imageAlt; ?>" >
<div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-primary uk-flex uk-flex-center uk-flex-middle">
<span class="uk-transition-fade">
<?php if ($params->get('item_title')) : ?>
<h3><?php echo $item->title; ?></h3>
<?php endif; ?>
<?php if ($params->get('show_introtext', 1)) : ?>
<?php if ($params->get('strip_tags') == '1' ) : ?>
<?php echo JHtml::_('string.truncate', strip_tags($item->introtext), $introtext_limit); ?>
<br/>
<?php endif; ?>
<?php if ($params->get('strip_tags') == '2' ) : ?>
<?php echo JHtml::_('string.truncate', $item->introtext, $introtext_limit); ?>
<br/>
<?php endif; ?>
<?php endif; ?>
</span>
</div>
</a>
</div>
<?php endif; ?>
<?php endif; ?>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<style type="text/css">
.uk-lightbox-iframe {
width: 800px;
height: 60%;
}
.none .p-3 {padding:0!important;padding-top:1rem!important}
</style>
Replied by andweb on topic [GELÖST] Template Ice - UIkit 3 Grid Portfolio
27 Dec 2023 20:29 - 27 Dec 2023 20:35
Danke! Ich habs mit Article Grid versucht, da die Artikel inkl. Einleitungsbilder bereits vorhanden sind.
Wäre hier noch eine Anpassung möglich, dann wäre es perfekt:
- Link anstelle über den read more Button über dem Bild
- einblenden des Titels oder eines anderen Textfeldes beim mousover ...
Beide Punkte sind beim Portfolio-Modul gegeben, wäre quasi eine Kombination ...
Edit: habe die Möglichkeit der unterschiedlichen Styles erst später entdeckt, ich teste weiter
Wäre hier noch eine Anpassung möglich, dann wäre es perfekt:
- Link anstelle über den read more Button über dem Bild
- einblenden des Titels oder eines anderen Textfeldes beim mousover ...
Beide Punkte sind beim Portfolio-Modul gegeben, wäre quasi eine Kombination ...
Edit: habe die Möglichkeit der unterschiedlichen Styles erst später entdeckt, ich teste weiter
Hallo, ganz so einfach ist es leider nicht.
Aber mit einem Modul Override sollte es aber gehen.
1.) Also Modul Override erstellen
2.) Override anpassen > default.php
3.) Nun den Parameter "uk-hidden-hover" entfernen
..
Aber mit einem Modul Override sollte es aber gehen.
1.) Also Modul Override erstellen
2.) Override anpassen > default.php
3.) Nun den Parameter "uk-hidden-hover" entfernen
..
Displaying 196 - 210 out of 235 results.