Category Responsive

  • Posts: 5
  • Thank you received: 0
5 years 6 months ago #306310

Bonjour, vous m,aviez fourni un code afin que les produits s'affichent de facon responsive. Avez vous le même code pour les catégories svp Voici le code custom.

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

Last edit: 5 years 6 months ago by Jerome. Reason: [code] tag is nice, really !

Please Log in or Create an account to join the conversation.

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
5 years 6 months ago #306319

Bonjour,

1 - Pour TOUS vos messages en Français, veuillez poster dans la section Française du forum.
Toutes les autres sections du forum sont exclusivement en Anglais !
Merci de votre compréhension.

2 - Je suis navré mais notre support ne fournit pas de code CSS sur mesure.
Il peut arriver que nous aidions pour des éléments simples ou donnions du code example mais de manière générale, cela n'est pas lié au support d'HikaShop et à l'utilisation de nos produits.
Désolé mais votre demande est bien en dehors des limites de notre support ; je ne peux que vous conseiller de vous rapprocher d'une personne spécialisée en CSS (et responsive).
Et même si j'avais été en mesure de vous aider, votre code sans aucun contexte est malheureusement "inutilisable" et non compréhensible ; sans compter que vous n'avez pas de question précise, etc. Je crains que cela soit du "développement sur mesure" et non du "support"

CF : www.hikashop.com/support/documentation/1...the-display.html#css

Cordialement,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

Time to create page: 0.054 seconds
Powered by Kunena Forum