[RÉGLÉ] Hikashop + Helix 3

[schott0200]

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

[messinmaisoui]

Re : Hikashop + Helix 3

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

[schott0200]

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 :

/**** 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

[messinmaisoui]

Re : Hikashop + Helix 3

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