aperçu du mini panier & CSS

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

  • [Problème] aperçu du mini panier & CSS

    Bonjour à tous !

    Je cherche à modifier l'aperçu de mon mini panier (cf image jointe) car comme vous pouvez le voir celle ci est décalé ! j'aimerai savoir ou je peut modifier un bout de css ou autre fichier de mise en forme pour celui ci ?

    Merci d'avance pour vos réponses !
    Fichiers joints

  • #2
    Re : aperçu du mini panier & CSS

    Bonjour ,
    Ca depend de ton template (je parle joomla). Si c est du larix regarde le css du template, si c est de l ajout c est du minicart.
    ou de minicart.tpl.php qui est dans le compoment/com_vm/default ou ton theme...

    Pour le savoir, prends Firebug pour firefox, il te donnera l endroit , le fichier , , tout ce que tu as besoin .
    Création, personnalisation, synchronisation de gestion commerciale selige.fr:http://www.selige.fr
    "Avant de critiquer un produit gratuit, pense à ce que tu aurais pu dire si tu l'avais payé"

    Commentaire


    • #3
      Re : aperçu du mini panier & CSS

      Salut selige et merci encore pour ta réponse rapide ! (larix ?) je vois pas trop ce que tu veut dire ! perso j'ai dupliquer le theme default pour modifier a ma sauce ! et avec chrome ou firefox (firebug) j'ai pas plus d'info que ça sur le fichier style appeler !

      Commentaire


      • #4
        Re : aperçu du mini panier & CSS

        Salut,

        Poste un lien (ou ton template) .

        Commentaire


        • #5
          Re : aperçu du mini panier & CSS

          Salut kursus ! mon Template (et oui tu va me coupé la tète) c'est du artisteer et je fait ça en local du coup un lien c'est pas facile !

          Commentaire


          • #6
            Re : aperçu du mini panier & CSS

            Ok alors poste ton index.php avec le css !

            Commentaire


            • #7
              Re : aperçu du mini panier & CSS

              les voici merci encore !

              Voici le php

              Code:
              <?php
              defined('_JEXEC') or die('Restricted access'); // no direct access
              require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
              $document = null;
              if (isset($this))
                $document = & $this;
              $baseUrl = $this->baseurl;
              $templateUrl = $this->baseurl . '/templates/' . $this->template;
              artxComponentWrapper($document);
              ?>
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
              <head>
               <jdoc:include type="head" />
               <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
               <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
               <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />
               <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
               <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
               <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
              </head>
              <body>
              <div id="art-main">
              <div class="art-sheet">
                  <div class="art-sheet-tl"></div>
                  <div class="art-sheet-tr"></div>
                  <div class="art-sheet-bl"></div>
                  <div class="art-sheet-br"></div>
                  <div class="art-sheet-tc"></div>
                  <div class="art-sheet-bc"></div>
                  <div class="art-sheet-cl"></div>
                  <div class="art-sheet-cr"></div>
                  <div class="art-sheet-cc"></div>
                  <div class="art-sheet-body">
              <div class="art-header">
                  <div class="art-header-jpeg"></div>
              <script type="text/javascript" src="<?php echo $templateUrl; ?>/swfobject.js"></script>
              <div id="art-flash-area">
              <div id="art-flash-container">
              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="900" height="225" id="art-flash-object">
                  <param name="movie" value="<?php echo $templateUrl; ?>/images/flash.swf" />
                  <param name="quality" value="high" />
              	<param name="scale" value="exactfit" />
              	<param name="wmode" value="transparent" />
              	<param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=1&amp;framerate1=24&amp;loop=true" />
                  <param name="swfliveconnect" value="true" />
                  <!--[if !IE]>-->
                  <object type="application/x-shockwave-flash" data="<?php echo $templateUrl; ?>/images/flash.swf" width="900" height="225">
                      <param name="quality" value="high" />
              	    <param name="scale" value="exactfit" />
              	    <param name="wmode" value="transparent" />
              	    <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=1&amp;framerate1=24&amp;loop=true" />
                      <param name="swfliveconnect" value="true" />
                  <!--<![endif]-->
                    	<div class="art-flash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>
                  <!--[if !IE]>-->
                  </object>
                  <!--<![endif]-->
              </object>
              </div>
              </div>
              <script type="text/javascript">swfobject.switchOffAutoHideShow();swfobject.registerObject("art-flash-object", "9.0.0", "<?php echo $templateUrl; ?>/expressInstall.swf");</script>
              <div class="art-logo">
               <h1 id="name-text" class="art-logo-name"><a href="<?php echo $baseUrl; ?>/">Média Dom'</a></h1>
               <div id="slogan-text" class="art-logo-text">Dépannages, Assistance, Conseils et Formations informatique</div>
               <div class="art-user4"><jdoc:include type="modules" name="user4" /></div>
              </div>
              
              
              </div>
              <jdoc:include type="modules" name="user3" />
              <jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" />
              <?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?>
              <div class="art-content-layout">
                  <div class="art-content-layout-row">
              <div class="art-layout-cell art-content">
              
              <?php
                echo artxModules($document, 'banner2', 'art-nostyle');
                if (artxCountModules($document, 'breadcrumb'))
                  echo artxPost(null, artxModules($document, 'breadcrumb'));
                echo artxPositions($document, array('user1', 'user2'), 'art-article');
                echo artxModules($document, 'banner3', 'art-nostyle');
              ?>
              <?php if (artxHasMessages()) : ?><div class="art-post">
                  <div class="art-post-body">
              <div class="art-post-inner">
              <div class="art-postcontent">
                  <!-- article-content -->
              
              <jdoc:include type="message" />
              
                  <!-- /article-content -->
              </div>
              <div class="cleared"></div>
              
              </div>
              
              		<div class="cleared"></div>
                  </div>
              </div>
              <?php endif; ?>
              <jdoc:include type="component" />
              <?php echo artxModules($document, 'banner4', 'art-nostyle'); ?>
              <?php echo artxPositions($document, array('user5'), 'art-article'); ?>
              <?php echo artxModules($document, 'banner5', 'art-nostyle'); ?>
              </div>
              
                  </div>
              </div>
              <div class="cleared"></div>
              
              <?php echo artxPositions($document, array('bottom1', 'bottom2', 'bottom3'), 'art-block'); ?>
              <jdoc:include type="modules" name="banner6" style="artstyle" artstyle="art-nostyle" />
              <div class="art-footer">
                  <div class="art-footer-t"></div>
                  <div class="art-footer-b"></div>
                  <div class="art-footer-body">
                      <div class="art-footer-text">
                        <?php if (artxCountModules($document, 'copyright') == 0): ?>
              <p>Copyright &copy; 2010 Média Dom' - Tous droits réservés.<br /><br /><a href="index.php?option=com_content&view=article&id=58">Mentions légales</a> | <a href="index.php?option=com_content&view=article&id=59">Ils nous font confiance</a> | <a href="index.php?option=com_aicontactsafe&view=message&layout=message&pf=2">Contact</a></p>
              
                        <?php else: ?>
                        <?php echo artxModules($document, 'copyright', 'art-nostyle'); ?>
                        <?php endif; ?>
                      </div>
              		<div class="cleared"></div>
                  </div>
              </div>
              		<div class="cleared"></div>
                  </div>
              </div>
              <div class="cleared"></div>
              <p class="art-page-footer">Designed by <a href="www.media-dom.fr">Media Dom'</a>.</p>
              <p class="art-page-footer"> <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FAngers-France%2FMedia-Dom%2F158379400863651%3Fv%3Dwall%23&amp;layout=standard&amp;show_faces=true&amp;width=250&amp;action=like&amp;colorscheme=dark&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:80px;" allowTransparency="true"></iframe> </p>
              </div>
              <script type="text/javascript">
              
                var _gaq = _gaq || [];
                _gaq.push(['_setAccount', 'UA-10281061-2']);
                _gaq.push(['_trackPageview']);
              
                (function() {
                  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                })();
              
              </script>
              </body> 
              </html>

              Commentaire


              • #8
                Re : aperçu du mini panier &amp; CSS

                Et le css est trop grand pour rentré ici !

                Je te le rajoute en lien template.css

                Commentaire


                • #9
                  Re : aperçu du mini panier &amp; CSS

                  le template ne dira pas grand chose, regarde plutot le fichier minicart.tpl quui se trouve dans component/com_vm/theme/tontheme/template/common ( de tete).
                  c est lui qui gère l affichage du panier.
                  J ai vu 2 produits....le prix
                  u trouvera dans minicart ce dont tu as besoin, css , div
                  Création, personnalisation, synchronisation de gestion commerciale selige.fr:http://www.selige.fr
                  "Avant de critiquer un produit gratuit, pense à ce que tu aurais pu dire si tu l'avais payé"

                  Commentaire


                  • #10
                    Re : aperçu du mini panier &amp; CSS

                    ouai je pense voir

                    Code:
                    <?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
                    if($empty_cart) { ?>
                    
                    <div style="margin: 0 auto;">
                    <?php if(!$vmMinicart) { ?>
                    	<?php }
                    	echo $VM_LANG->_('PHPSHOP_EMPTY_CART') ?>
                    </div> 
                    <?php }
                    else {
                    // Loop through each row and build the table
                    
                    }
                    if (!$empty_cart && !$vmMinicart) { ?>
                    <br/><br style="clear:both" /><div align="left">
                    <?php echo '<a href="index.php?page=shop.cart"><img src="components/com_virtuemart/themes/default/images/cart.png" alt="voir mon panier"/></a>';?>
                    </div><br/>
                    <?php }
                    if(!$vmMinicart) { ?>
                    <?php } ?>
                    <div style="float: left;" >
                    <?php echo $total_products ?> &nbsp&nbsp&nbsp
                    </div>
                    <br />
                    <div style="float:center ;">
                    <?php echo $total_price ?>
                    </div>
                    <?php
                    echo $saved_cart;
                    ?>

                    c'est ce que j'ai mis en rouge sauf que c'est limité comme gestion de style non ?

                    Commentaire


                    • #11
                      Re : aperçu du mini panier &amp; CSS

                      ben deja ca aide
                      deja t as ca :
                      <br/><br style="clear:both" /><div align="left">
                      <?php echo '<a href="index.php?page=shop.cart"><img src="components/com_virtuemart/themes/default/images/cart.png" alt="voir mon panier"/>
                      suivi d un autre br suivi du total de produit un autre br et le prix....
                      Dejà j aurai identifié la taille de l image, ensuite concatener le prix et le nombre de produit ( mais ce n est que moi!)

                      genre
                      <div style="float: left;" >
                      <?php echo $total_products.' '. $total_price ?>
                      mais bon tout depend de la largeur de ton block ou tu as le cart, hauteur...talle de l image.
                      Comme ton site est en local, tu vas devoir un peu tester...
                      a
                      Création, personnalisation, synchronisation de gestion commerciale selige.fr:http://www.selige.fr
                      "Avant de critiquer un produit gratuit, pense à ce que tu aurais pu dire si tu l'avais payé"

                      Commentaire


                      • #12
                        Re : aperçu du mini panier &amp; CSS

                        Merci a nouveau selige j'ai réussi a faire ce que je voulais pour la mise en place a présent il me reste que ce détail de barre jaune qui flashe derrière le panier au moment ou j'ajoute un produit

                        Commentaire


                        • #13
                          Re : aperçu du mini panier &amp; CSS

                          theme.js c est un effet sur le cart
                          Création, personnalisation, synchronisation de gestion commerciale selige.fr:http://www.selige.fr
                          "Avant de critiquer un produit gratuit, pense à ce que tu aurais pu dire si tu l'avais payé"

                          Commentaire


                          • #14
                            Re : aperçu du mini panier &amp; CSS

                            thx a lot

                            Commentaire


                            • #15
                              Re : aperçu du mini panier &amp; CSS

                              Bon bas c'est plutot propore a présent ! j'ai voulu ajouter une bordure autour de mon tout (image panier plus total produits et total prix) mais ça déconne il me cale une barre en haut m'enfin j'avance

                              Commentaire

                              Annonce

                              Réduire
                              1 sur 2 < >

                              C'est [Réglé] et on n'en parle plus ?

                              A quoi ça sert ?
                              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                              Comment ajouter la mention [Réglé] à votre discussion ?
                              1 - Aller sur votre discussion et éditer votre premier message :


                              2 - Cliquer sur la liste déroulante Préfixe.

                              3 - Choisir le préfixe [Réglé].


                              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                              2 sur 2 < >

                              Assistance au forum - Outil de publication d'infos de votre site

                              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                              UTILISER À VOS PROPRES RISQUES :
                              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                              Problèmes connus :
                              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                              Installation :

                              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                              Archive zip : https://github.com/AFUJ/FPA/zipball/master

                              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                              et remplacer www. votresite .com par votre nom de domaine


                              Exemples:
                              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/
                              Pour executer le script: http://www..com/fpa-fr.php

                              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/cms/
                              Pour executer le script: http://www..com/cms/fpa-fr.php

                              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                              Voir plus
                              Voir moins
                              Travaille ...
                              X