problème css

  • Posts: 23
  • Thank you received: 0
8 years 5 months ago #243402

-- Joomla version -- : 3.5.1
-- PHP version -- : 2.6.3
-- Browser(s) name and version -- : safari

Bonjour,

j'ai un problème de css sur la vue checkout, cela concerne l'affichage du tableau après le choix de livraison.

j'ai le problème uniquement avec safari sur ipad le texte se chevauche et le tableau part dans tous les sens(voir capture)

j'ai quelques essais, mais je n'arrive pas à trouver la class ou la balise à modifier ?

Quelqu'un a t il déjà eu le problème
Merci

Attachments:
Last edit: 8 years 5 months ago by manubelin.

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
8 years 5 months ago #243420

Bonjour,

Je n'ai pas d'ipad mais peut être que nous pouvons essayé de visualiser le soucis avec safari pour windows. Pourriez-vous fournir le lien vers cette page ?

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

  • Posts: 23
  • Thank you received: 0
8 years 5 months ago #243435

Le problème est présent sous Windows avec safari, pas de souci avec les autres navigateur,

c bien un problème avec safari !

voici la page, le souci apprarait dans la vue aprés le choix de livraison
www.mjperromat.com/index.php/fr/la-bouti...hop_shipping_methods

merci

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
8 years 5 months ago #243448

Je vois en effet le problème avec Safari sur windows.
Je ne vois pas trop de solution non plus, à part supprimer complètement le CSS:

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	#hikashop_checkout_cart table,
	#hikashop_checkout_cart table thead,
	#hikashop_checkout_cart table tbody,
	#hikashop_checkout_cart table thead th,
	#hikashop_checkout_cart table tbody td,
	#hikashop_checkout_cart table thead tr,
	#hikashop_checkout_cart table tbody tr
	{
		display: block;
	}
	#hikashop_checkout_cart table tfoot tr,#hikashop_checkout_cart table tfoot td, #hikashop_checkout_cart table tfoot{
		display: block;
	}
	#hikashop_checkout_cart table.table-striped tbody td#hikashop_checkout_cart_total2_title,
	#hikashop_checkout_cart table.table-striped tbody td#hikashop_checkout_cart_shipping_title,
	#hikashop_checkout_cart table.table-striped tbody td#hikashop_checkout_cart_final_total_title,
	#hikashop_checkout_cart table.table-striped tbody td#hikashop_checkout_cart_coupon_title,
	#hikashop_checkout_cart table.table-striped tbody td#hikashop_checkout_cart_tax_title,
	#hikashop_checkout_cart table.table-striped tbody td#hikashop_checkout_cart_payment_title,
	#hikashop_checkout_cart table.table-striped tbody td.hikashop_cart_additional_title
	{
		display: none !important;
	}
	#hikashop_checkout_cart_final_total_title { display:none; }
	#hikashop_checkout_cart table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#hikashop_checkout_cart table tr { border: 1px solid #ccc; }
	#hikashop_checkout_cart table tr.margin { border: 0px solid #ccc; }
	#hikashop_checkout_cart table td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%;
	}
	#hikashop_checkout_cart td.hikashop_cart_product_name_value {width: 64%}
	#hikashop_checkout_cart table td:before {
		position: absolute;
		left: 6px;
		padding-right: 10px;
	}
	#hikashop_checkout_cart table td.hikashop_cart_product_quantity_value:before { padding-top:3px }
	#hikashop_checkout_cart table td:before { content: attr(data-title); font-weight: bold; }
	#hikashop_checkout_cart .hikashop_product_price_full {
		text-align: left;
		min-height: 20px;
		padding-left: 20px;
		padding-top: 3px;
		display: inline !important;
	}
	#hikashop_checkout_cart td.hikashop_cart_total_value span.hikashop_checkout_cart_final_total { padding-left: 10px; }
	#hikashop_checkout_cart .hikashop_product_quantity_field { margin: 0px 16px 0px 20px !important; }
	#hikashop_checkout_cart a span.hikashop_product_variant_subname img { margin-left: 10px; display: block; margin-top: 5px; }
	#hikashop_checkout_cart td.hikashop_cart_product_price_value span.visible-phone { margin-left: 5px; display:inline !important}
	#hikashop_checkout_cart tbody tr td.hikashop_cart_empty_footer { display: none !important }

}
du fichier CSS frontend d'HikaShop qui permet de gérer le responsive du panier.
Car en corrigeant pour Safari, cela casse l'affichage pour tous les autres :/

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

  • Posts: 23
  • Thank you received: 0
8 years 5 months ago #243479

Effectivement j'avais vu les lignes en question

problème mon client utilise en autre un ipad, il est pas le seul hélas !

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

  • Posts: 4753
  • Thank you received: 644
  • MODERATOR
8 years 5 months ago #243518

Bonjour,

Le problème ne vient pas du Css front-end propre à HikaShop mais de custom CSS qui n'agit que sur Ipad et peut être matériel Apple ?... qui a était ajouté par quelqu'un, je ne doute pas que ce custom ai son utilité mais en revanche c'est lui qui pertube votre checkout en Ipad, vous pouvez repasser sur le je pense que soit vous devez vous passer de ce custom code ou bien le "nettoyer" ou encore affiner vos selecteur pour que cela ne pertube pas votre checkout sur Ipad.

Votre custom Css et votre default Css sont accessible ici :
- Aller sur Components => HikaShop => Configuration
- Aller sur l'onglet Display
- Puis regardé la partie Css



Là vous pourez switché entre default et custom Css pour faire des essai avec votre Ipad.

En espérant que cela vous aide.

Cordialement.

Attachments:
Last edit: 8 years 5 months ago by Philip.

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

  • Posts: 23
  • Thank you received: 0
8 years 5 months ago #243577

Bonjour,

effectivement en repassant sur le css par défaut, cela règle le problème sur safari, juste quelque réglages css à refaire et c'est ok

merci Beaucoup

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

Time to create page: 0.070 seconds
Powered by Kunena Forum