Unser lieber RTX2070 hat ein Tutorial gemacht wie man VenoBox in das Gallery Modul einpflegt.
Hier mal den Link Dazu www.youtube.com/watch?v=DQdjpUZIuGo
Und hier meinen Part mit Danksagung an RTX2070.
Ich stelle hier mal den Code zur Verfügung Danke geht an RTX2070.
Nun Öffnen wir ein Terminel Navigieren zu dem Pfad wo Ilch Installiert ist meiner z.b ist C:\xampp\htdocs
Dort geben wir Folgendes ein.
composer require nicolafranchini/venobox
Wen wir das erledigt haben Bearbeiten wir Folgendes.
>application>modules>gallery/view/show.php und showimage.php
show.php
<?php $commentMapper = new \Modules\Comment\Mappers\Comment(); ?>
<link href="<?=$this->getVendorUrl('nicolafranchini/venobox/dist/venobox.css') ?>" media="screen" rel="stylesheet">
<div id="gallery">
<?php foreach ($this->get('image') as $image): ?>
<?php $commentsCount = $commentMapper->getCountComments ('gallery/index/showimage/id/'.$image->getId()); ?>
<div class="col-xs-6 col-md-4 col-lg-3 col-sm-4">
<div class="panel panel-default">
<a class="venobox" data-gall="gallery01" href="<?=$this->getUrl().'/' .$image->getImageUrl() ?>"title="<?=$image->getImageTitle() ?> ">
<div class="panel-image thumbnail">
<img src="<?=$this->getUrl().'/'.$image->getImageThumb() ?>" class="panel-image-preview" alt="<?=$image->getImageTitle()?>" />
</div>
<a href="<?=$this->getUrl(['action' => 'showimage', 'id' => $image->getId()]) ?>" title="<?=$this->getTrans('description')?>">
<div class="panel-footer text-center">
<i class="fa fa-comment-o"></i> <?=$commentsCount ?>
<i class="fa fa-eye"> <?=$image->getVisits() ?></i>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<?=$this->get('pagination')->getHtml($this, ['action' => 'show', 'id' => $this->getRequest()->getParam('id')]) ?>
<script src="<?=$this->getVendorUrl('nicolafranchini/venobox/dist/venobox.js') ?>"></script>
<script>
new VenoBox({
selector: '.venobox',
numeration: true,
share: true,
navTouch: true,
spinner: 'pulse',
})
</script>
showimage.php
<?php
$image = $this->get('image');
$commentsClass = new Ilch\Comments();
?>
<link href="<?=$this->getModuleUrl('../comment/static/css/comment.css') ?>" rel="stylesheet">
<link href="<?=$this->getVendorUrl('nicolafranchini/venobox/dist/venobox.css') ?>" media="screen" rel="stylesheet">
<div id="gallery">
<div class="row">
<div class="col-md-6">
<a class="venobox" href="<?=$this->getUrl().'/'.$image->getImageUrl() ?>">
<img src="<?=$this->getUrl().'/'.$image->getImageUrl() ?>" alt="<?=$this->escape($image->getImageTitle()) ?>"/>
</a>
</div>
</div>
</div>
<?= $commentsClass->getComments($this->get('commentsKey'), $image, $this) ?>
<script src="<?=$this->getVendorUrl('nicolafranchini/venobox/dist/venobox.js') ?>"></script>
<script>
new VenoBox({
selector: '.venobox',
numeration: true,
share: true,
navTouch: true,
spinner: 'pulse',
})
</script>
MFG BlackRomeo und RTX2070
verwendete ilch Version: 2.1.x
Zuletzt modifiziert von BlackRomeo am 22.10.2022 - 22:36:20
