Hikashop + Helix 3

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

  • [RÉGLÉ] Hikashop + Helix 3

    Bonjour à tous, je recherche un peu d'aide car je n'arrive pas à ajuster mon template Helix 3 avec hikashop. Tout fonctionne bien sur un écran d'ordinateur mais en position smartphone, mes produits se superposent au lieu de se mettre l'un en dessous de l'autre.
    J'ai fait une demande sur le site de hikashop. On me répond que c'est un problème du template Helix3 qui utilise le bootstrap 3.
    J'ai fait une demande sur Joomshaper Helix 3 et on me répond que c'est un problème venant de Hikashop.
    Alors voilà, 46% des mes visiteurs utilisent le smartphone je ne peux donc pas passer à côté.
    Comment résoudre mon problème s'il vous plait ?

    Cordialement

    Cliquez sur l'image pour l'afficher en taille normale

Nom : Capture d’écran 2015-10-25 à 18.56.13.jpg 
Affichages : 1 
Taille : 17,3 Ko 
ID : 1823689
    Dernière édition par schott0200 à 03/11/2015, 11h20

  • #2
    Re : Hikashop + Helix 3

    Une adresse peut-être pour jeter un coup d'oeil sur ce problème ?
    Solidaire avec les dinosaures

    Commentaire


    • #3
      Re : Hikashop + Helix 3

      Merci beaucoup, mais j'ai trouvé la solution ce matin même. Après avoir fait énormément de recherche et surtout car je souhaite garder mon template Helix 3, j'ai insérer l'ensemble du code suivant :

      Code HTML:
      /**** CUSTOM RESPONSIVE *****/
      @media (min-width: 1024px) {
          .hikashop_product {
              width: 32%!important;
          }
      }
      @media (min-width: 980px) and (max-width: 1199px) {
          .hikashop_product_main_image_subdiv {
              width: 100%!important;
          }
          .hikashop_product_right_part {
              padding-left: 20px!important;
          }
          #hikashop_product_bottom_part {
              width: 48%!important;
          }
      }
      @media (min-width: 768px) and (max-width: 979px) {
          #hikashop_product_bottom_part {
              position: static!important;
              width: 100%!important;
          }
          .hikashop_product_main_image_subdiv {
              width: 100%!important;
          }
          .hikashop_product_right_part {
              padding-left: 20px!important;
          }
          .hikashop_products_listing .hikashop_product {
              width: 49%!important;
          }
      }
      @media (max-width: 767px) {
        	#hikashop_product_bottom_part {
              position: static!important;
              width: 100%!important;
          }
          #hikashop_product_left_part,
          .hikashop_product_main_image_subdiv {
              width: 100%!important;
          }
          #hikashop_product_left_part .hikashop_product_main_image img {
              width: 100%!important;
          }
          .hikashop_products_listing .hikashop_product {
              width: 100%!important;
          }
      }
      
      img.hikashop_child_image {
          display: inline-block;
      }

      et ceci dans mon CSS custom de Hikashop et ça marche. J'ai peut-être fait des erreurs, mais pour l'instant cela fonctionne. Je l'ai mis dans ce Custom CSS car je pense qu'il n'est pas touché en cas de mise à jour Hikashop ou de mon template.

      Cordialement

      Commentaire


      • #4
        Re : Hikashop + Helix 3

        Ok, de toute façon les maj de template, c'est pas tous les jours quand même ....
        Solidaire avec les dinosaures

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X