Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

    Bonjour a tous,

    Je sollicite votre aide s'il vous plaît, si quelqu'un pourrait bien m'aider.

    J'ai un petit problème que je n'arrive pas à résoudre avec le module RokSprocket Mosaic, dont vous trouverez ci-dessous le lien de sa présentation :
    RocketTheme offers cutting-edge templates and themes based on the Gantry 5 framework for Joomla, WordPress, and Grav.


    Nature du problème:
    Jusqu'a maintenant quand on clique sur les images en mosaic de ce module on ne peut qu'utiliser exclusivement des lien URL , ou des liens qui renvoient vers un article du site.

    Je souhaiterais faire afficher un popup en lightbox ou en rokbox ou en rokgallery comme dans le lien ci-dessous, quand on clique sur l'image mosaic directement , avec la possibilité de passer au popup suivant ou précédent
    Voir paragraphe le paragraphe intitulé (Image - Album) sur le lien suivants:


    Je ne suis pas bon en php. Aussi ceux qui y comprennent quelques chose seront les bienvenue .

    Voici ma config joomla:
    PHP Version 5.5.8

    Web Server Apache/2.4.7 (Win32) PHP/5.5.8
    Joomla! Version Joomla! 3.4.3 Stable
    Joomla! Platform Version Joomla Platform 13.1.0 Stable [ Curiosity ] 24-Apr-2013 00:00 GMT

    Template utilisé
    Rockettheme lumière : http://demo.rockettheme.com/joomla-templates/lumiere/

    Voici le code item.php venant de:
    MON SITEtemplates\rt_lumiere\roksprocket\layouts\mosai c\themes\default\item.php

    Code:
    <?php
    /**
    * @version   $Id: item.php 26128 2015-01-27 15:34:48Z james $
    * @author    RocketTheme http://www.rockettheme.com
    * @copyright Copyright (C) 2007 - 2015 RocketTheme, LLC
    * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
     */
    
    /**
     * @var $item RokSprocket_Item
     */
    ?>
    <li<?php echo strlen($item->custom_tags) ? ' class="'.$item->custom_tags.'"' : ''; ?> data-mosaic-item>
    	<div class="sprocket-mosaic-item" data-mosaic-content>
    		<?php echo $item->custom_ordering_items; ?>
    		<div class="sprocket-padding">
    			<?php if ($item->getPrimaryImage()) :?>
    			<div class="sprocket-mosaic-image-container">
    				<div class="sprocket-mosaic-content-container">
    					<?php if ($item->getTitle()): ?>
    						<div class="sprocket-mosaic-title-container">
    							<h2 class="sprocket-mosaic-title<?php if ($item->getPrimaryImage() == false) echo ' sprocket-noimage'; ?>">
    								<?php if ($item->getPrimaryLink()): ?><a href="<?php echo $item->getPrimaryLink()->getUrl(); ?>"><?php endif; ?>
    									<span><?php echo $item->getTitle();?></span>
    								<?php if ($item->getPrimaryLink()): ?></a><?php endif; ?>
    							</h2>
    						</div>
    					<?php endif; ?>
    					<div class="sprocket-mosaic-text-container">
    						<?php if ($parameters->get('mosaic_article_details') != 0 || $parameters->get('mosaic_article_details') == 'date' || $parameters->get('mosaic_article_details') == 'author' || $parameters->get('mosaic_article_details') == 1): ?>
    							<div class="sprocket-mosaic-infos">
    								<?php if ($parameters->get('mosaic_article_details') !== 'date'): ?>
    								By 	<span class="author"><?php echo $item->getAuthor(); ?></span>
    								<?php endif; ?>
    								<?php if ($parameters->get('mosaic_article_details') == 1): ?> / <?php endif; ?>
    								<?php if ($parameters->get('mosaic_article_details') !== 'author'): ?>
    								<span class="date"><?php echo $item->getDate();?></span>
    								<?php endif; ?>
    						</div>
    						<?php endif; ?>
    						<div class="sprocket-mosaic-text">
    							<?php echo $item->getText(); ?>
    						</div>
    						<?php if (count($item->custom_tags_list)) : ?>
    							<ul class="sprocket-mosaic-tags">
    							<?php
    								foreach($item->custom_tags_list as $key => $name){
    							 		echo ' <li class="sprocket-tags-'.$key.'">'.$name.'</li>';
    								}
    							?>
    							</ul>
    						<?php endif; ?>
    					</div>
    				</div>
    				<?php if ($item->getPrimaryLink()) : ?><a href="<?php echo $item->getPrimaryLink()->getUrl(); ?>"><?php endif; ?>
    				<img src="<?php echo $item->getPrimaryImage()->getSource(); ?>" alt="" class="sprocket-mosaic-image" />
    					<span class="sprocket-mosaic-hover"></span>
    					<span class="sprocket-mosaic-shadow"></span>
    					<?php if ($item->getPrimaryLink()) : ?>	<span class="sprocket-mosaic-hovercontent"><span>+</span></span> <?php endif; ?>
    				<?php if ($item->getPrimaryLink()) : ?>	
    				</a>
    				<?php endif; ?>
    			</div>
    			<?php else : ?>
    				<?php if ($item->getPrimaryImage()) :?>
    				<div class="sprocket-mosaic-image-container">
    					<?php if ($item->getPrimaryLink()) : ?><a href="<?php echo $item->getPrimaryLink()->getUrl(); ?>"><?php endif; ?>
    					<img src="<?php echo $item->getPrimaryImage()->getSource(); ?>" alt="" class="sprocket-mosaic-image" />
    					<?php if ($item->getPrimaryLink()) : ?>
    						<span class="sprocket-mosaic-hover"></span>
    						<span class="sprocket-mosaic-shadow"></span>
    						<span class="sprocket-mosaic-hovercontent"><span>+</span></span>
    					</a>
    					<?php endif; ?>
    				</div>
    				<?php endif; ?>
    
    				<div class="sprocket-mosaic-head">
    					<?php if ($item->getTitle()): ?>
    					<h2 class="sprocket-mosaic-title">
    						<?php if ($item->getPrimaryLink()): ?><a href="<?php echo $item->getPrimaryLink()->getUrl(); ?>"><?php endif; ?>
    							<?php echo $item->getTitle();?>
    						<?php if ($item->getPrimaryLink()): ?></a><?php endif; ?>
    					</h2>
    					<?php endif; ?>
    
    				<?php if ($parameters->get('mosaic_article_details')): ?>
    					<div class="sprocket-mosaic-infos">
    					<?php if (($parameters->get('mosaic_article_details')=='1') or ($parameters->get('mosaic_article_details') == 'author')): ?>
    						By 	<span class="author"><?php echo $item->getAuthor(); ?></span>
    						<?php endif; ?>
    					<?php if ($parameters->get('mosaic_article_details')=="1"): ?> / <?php endif; ?>
    					<?php if (($parameters->get('mosaic_article_details')=="1") or ($parameters->get('mosaic_article_details') == 'date')): ?>
    						<span class="date"><?php echo $item->getDate();?></span>
    						<?php endif; ?>
    					</div>
    					<?php endif; ?>
    				</div>
    
    				<div class="sprocket-mosaic-text">
    					<?php echo $item->getText(); ?>
    				</div>
    
    				<?php if ($item->getPrimaryLink()) : ?>
    				<a href="<?php echo $item->getPrimaryLink()->getUrl(); ?>" class="sprocket-readmore"><span><?php rc_e('READ_MORE'); ?></span></a>
    				<?php endif; ?>
    
    				<?php if (count($item->custom_tags_list)) : ?>
    					<ul class="sprocket-mosaic-tags">
    					<?php
    						foreach($item->custom_tags_list as $key => $name){
    					 		echo ' <li class="sprocket-tags-'.$key.'">'.$name.'</li>';
    						}
    					?>
    					</ul>
    				<?php endif; ?>
    			<?php endif; ?>			
    		</div>
    	</div>
    </li>
    Je vous remercie d'avance pour votre participation.

  • #2
    Re : Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

    Bonjour, as tu posté sur le forum de rockettheme ? ...mais peut être est ce déjà fait , dans ce cas, excuses.

    Commentaire


    • #3
      Re : Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

      Envoyé par mimimike64 Voir le message
      Bonjour, as tu posté sur le forum de rockettheme ? ...mais peut être est ce déjà fait , dans ce cas, excuses.
      Re,
      Non, malheureusement le forum de rockketheme est payant!
      A part sortir l'argent, Il n'y a pas de réponse sur le web.
      Je ne suis pas bon en php. Mais je pense que pour une personne ayant les compétences suffisantes en php5 pourrait trouver ça en agissant sur cette variable $item dans item.php.
      Merci d'avance à tout le monde!

      Commentaire


      • #4
        Re : Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

        Salut,
        le site de RocketTheme a un souci de navigation avec la présentation de ses extensions.

        Pour partir sur de bonnes bases, quelle est celle que tu voudrais utiliser ?
        NB : pas forcément celle que tu utilises actuellement

        RokSprocket Features


        RokBox


        RokGallery
        Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

        Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

        Commentaire


        • #5
          Re : Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

          Salut,
          J'utilise roksprocket mosaic
          RocketTheme offers cutting-edge templates and themes based on the Gantry 5 framework for Joomla, WordPress, and Grav.

          Avec le template rockktheme lumiere.


          Voilà.
          Merci encore pour votre participation.

          Commentaire


          • #6
            Re : Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

            C'est bien ce que me disais, il*n'y a pas de "modal" par défaut sur RokSprocket, donc c'est un développement spécifique, avec ajout de JavaScript et modification des pages des "themes".
            De plus, la logique de RokSprocket est justement d'accéder à un article.
            Je trouve déroutant pour un utilisateur de lui proposer 2 actions simultanées :
            * accès à l'article (où? dans le modal ? et après ?)
            * modal

            Enfin, et pour le moment, les modules de RocketTheme dépendent beaucoup de la librairie Mootools en front, qui est progressivement abandonnée au profit de jQuery.
            Il serait probablement possible de choisir un script modal soit dépendant de mootools, soit de jQuery, mais je doute de la pérennité du travail.
            Ma conclusion, dans cette configuration :
            Rokbox pour les images
            RokSprocket pour les articles
            Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

            Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

            Commentaire


            • #7
              Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

              Je te remercie beaucoup pour tes réponses.
              Je penses qu'il y a toujours moyen de jouer directement sur la variable du lien "$item" dans item.php
              J'ai déjà remplacé ce variable par le variable du lien rokbox au lieu du lien par defaut vers l'article via l'examinateur de code firefox. Maintenant le hic, c'est comment le mettre vraiment dans le code php, et je suis nul en php autant qu'en c.
              Dans le forum de rockket, ils ont reussi, mais vu que ces mecs veulent qu'on paye rien que pour ça . C'est vraiment dommage!
              Dernière édition par spartan747 à 07/09/2015, 21h27

              Commentaire


              • #8
                Re : Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

                Cadeau :
                dans
                components/com_roksprocket/layouts/mosaic/themes/default/item.php
                <?php
                /**
                * @version $Id: item.php 23394 2014-10-09 15:22:10Z james $
                * @author RocketTheme http://www.rockettheme.com
                * @copyright Copyright (C) 2007 - 2015 RocketTheme, LLC
                * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
                */

                /**
                * @var $item RokSprocket_Item
                */
                JHTML::_('behavior.modal');
                ?>
                <li<?php echo strlen($item->custom_tags) ? ' class="'.$item->custom_tags.'"' : ''; ?> data-mosaic-item>
                <div class="sprocket-mosaic-item" data-mosaic-content>
                <?php echo $item->custom_ordering_items; ?>
                <div class="sprocket-padding">
                <?php //if ($item->getPrimaryImage()) :?>
                <div class="sprocket-mosaic-image-container">
                <?php //if ($item->getPrimaryLink()) : ?><a class="modal" href="<?php echo $item->getPrimaryImage()->getSource(); //echo $item->getPrimaryLink()->getUrl(); ?>"><?php //endif; ?>
                <img src="<?php echo $item->getPrimaryImage()->getSource(); ?>" alt="<?php ///echo $item->getPrimaryImage()->getAlttext(); ?>" class="sprocket-mosaic-image" />
                <?php //if ($item->getPrimaryLink()) : ?>
                <span class="sprocket-mosaic-hover"></span>
                <span class="sprocket-mosaic-hovercontent"><span>+</span><?php rc_e('READ_MORE'); ?></span>
                </a>
                <?php //endif; ?>
                </div>
                <?php //endif; ?>
                * c'est juste un point de départ
                * j'ai conservé en les commentant tous les echos/autres en php, pour que tu vois ce que j'ai fait.
                * cette solution n'est pas forcément pérenne car elle s'appuie sur la lib mootools ->
                JHTML::_('behavior.modal');
                Tout ce qui est modal/popup est en train de passer progressivement sous jQuery.
                Comme c'est un peu compliqué à réaliser, ca prend du temps. Good for you.
                * à moins que RocketTheme continue avec Mootools, et je les comprends.
                C'est une bonne librairie, un peu plus complexe que jQuery à coder.
                Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                Commentaire


                • #9
                  Re : Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

                  @spartan747

                  As-tu testé ? Cela fonctionne-t-il ?

                  Ce serait cool de donner des nouvelles.
                  Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                  Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                  Commentaire


                  • #10
                    Re : Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

                    je vous conseille mon ami de ne pas utiliser les extensions de Rockettheme elles ne réagissent pas avec les nouvelles normes du web aussi ses modules ne s'affichent pas sur l'admin de Joomla, autre chose leur design et trop chargé

                    tu peux avoir plus d'options avec slideshowck par exemple
                    ou pour les articles utiliser le bt slide content
                    Dernière édition par lilpac à 13/09/2015, 14h08

                    Commentaire


                    • #11
                      Re : Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

                      Salut les gars,
                      @Ghazal, je te remercie beacoup , mais je n'ai pas encore pu testé . Je vous tiens aux courant quand c'est ok.
                      Entre temps, j'etait entrain de penché sur widgetkit de yootheme qui me semble etre en effet plus leger et plus maniable que sprocket de rockettheme. Mais bon , je ne vais pas laché ce problème aussi , on va y arriver.
                      Merci encore les gars !

                      Commentaire


                      • #12
                        Re : Lien RokSprocket Mosaic en popup lightbox, Rokbox, ou rokgallery

                        Widgetkit est un excellent choix.
                        La raison principale est que les dernières versions de widgetkit s'appuient sur la librairie JS/CSS maison de yootheme, UIKit.
                        UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.

                        C'est un très bon outil, sur le même principe que bootstrap.
                        Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                        Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                        Commentaire

                        Annonce

                        Réduire
                        Aucune annonce pour le moment.

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X