[GELÖST] Template Ice - UIkit 3 Grid Portfolio
Replied by andweb on topic [GELÖST] Template Ice - UIkit 3 Grid Portfolio
Posted 10 months 3 weeks ago
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
Please Log in or Create an account to join the conversation.
Replied by andweb on topic [GELÖST] Template Ice - UIkit 3 Grid Portfolio
Posted 10 months 3 weeks ago
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>
Please Log in or Create an account to join the conversation.
- joomlaplates
-
Offline
- Moderator
-
- Posts: 8805
- Thank you received: 1732