hauteur cellule du tableau remises sur quantité

[susanne52]

Bonjour,

 

mon site : https://www.flocage-maillots.fr/57-sweat-capuche-adulte-manches-longues-280gm2.html

 

J'ai transféré le tableau des remises sur quantité à droite au dessus du bouton panier. J'aimerais réduire l'espace des lignes quantité/prix de ce tableau car l'ensemble prend beaucoup de place en hauteur.

 

Je crois qu'il faut rajouter quelque chose dans le produit.tpl, peut-être ici :

	<tbody> 
						{foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}
							{if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}
								{$realDiscountPrice=$productPriceWithoutReduction|floatval-$quantity_discount.real_value|floatval}
							{else}
								{$realDiscountPrice=$productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction)|floatval}
							{/if}
                            <div class="clearfix" style="margin-top:5px">
							<tr id="quantityDiscount_{$quantity_discount.id_product_attribute}" class="quantityDiscount_{$quantity_discount.id_product_attribute}" data-real-discount-value="{convertPrice price = $realDiscountPrice}" data-discount-type="{$quantity_discount.reduction_type}" data-discount="{$quantity_discount.real_value|floatval}" data-discount-quantity="{$quantity_discount.quantity|intval}">
								<td>

Je cherche depuis des heures sans trouver. Est-ce que vous pourriez m'aider ?

 

Merci !

 

Susanne

[Ariane Web et Plus]

Bonjour,

 

Cela se passe dans le fichier css de la page produit : product.css, ligne 673:

table.table-product-discounts tr td, table.table-product-discounts tr th {
    border-left: 1px solid #d6d4d4;
    width: 33%;
    padding: 10px 20px 11px;

Modifiez le padding par : 

padding: 2px 20px 2px;

Cela réduira correctement l'espacement des lignes.

 

Bonne journée

[susanne52]

Parfait, merci !

[susanne52]

Rebonjour,

est-ce que vous sauriez aussi m'indiquer comment réduire l'espace entre le titre "Prix dégressifs" et le tableau ?

 

Merci de votre réponse,

 

Susanne

[Ariane Web et Plus]

Bonjour,

 

global.css ligne 6650, trouvez le bloc : 

h3.page-product-heading {
    color: #555454;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    padding: 14px 20px 17px;
    margin: 0 0 20px;
    position: relative;
    border: 1px solid #d6d4d4;
    border-bottom: none;
    background: #fbfbfb;

Remplacez la ligne

margin: 0 0 20px;

par 

margin: 0 ;

 

Il reste quand même une marge mais c'est pleins de petites div avec du style qui se sont mis à mon avis c'est une conditionnelle qui n'est pas bonne dans le product.tpl que vous avez peut être un peu "bidouillé" 

Du coup comme ça sans avoir accès aux fichiers je peux pas faire mieux.

 

Bonne journée

[susanne52]

merci, l'espace est un peu plus petit maintenant. Il est vrai que j'ai touché au tpl pour transférer le tableau des remises en dessous de la photo du produit vers la droite. En fait, j'ai juste copié/collé le code à une autre position.

									{/if}
								{/foreach}
							</div> <!-- end attributes -->
						{/if}
					</div> <!-- end product_attributes -->
                    	{if !$content_only}
{if (isset($quantity_discounts) && count($quantity_discounts) > 0)}
			<!-- quantity discount -->
			<section class="page-product-box">
				<h3 class="page-product-heading">{l s='Volume discounts'}</h3>
				<div id="quantityDiscount">
					<table class="std table-product-discounts">
						<thead>
							<tr>
								<th>{l s='Quantity'}</th>
								<th>{if $display_discount_price}{l s='Price'}{else}{l s='Discount'}{/if}</th>
								<!--<th>{l s='You Save'}</th>-->
							</tr>
						</thead>
						<tbody> 
						{foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}
							{if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}
								{$realDiscountPrice=$productPriceWithoutReduction|floatval-$quantity_discount.real_value|floatval}
							{else}
								{$realDiscountPrice=$productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction)|floatval}
							{/if}
                            <div class="clearfix" style="margin-top: 5px">
							<tr id="quantityDiscount_{$quantity_discount.id_product_attribute}" class="quantityDiscount_{$quantity_discount.id_product_attribute}" data-real-discount-value="{convertPrice price = $realDiscountPrice}" data-discount-type="{$quantity_discount.reduction_type}" data-discount="{$quantity_discount.real_value|floatval}" data-discount-quantity="{$quantity_discount.quantity|intval}">
								<td>
									{$quantity_discount.quantity|intval}
								</td>
								<td>

[Ariane Web et Plus]

Bonsoir,

 

c'est cette ligne la :

<div class="clearfix" style="margin-top: 5px"> qui se répète, essayez de supprimer style="margin-top: 5px", ca va juste enlever la mage de cette répétission de div, 

mais il faudrait que je puise voir tout le fichier car ce n'est pas trop normal que ca se répète comme ca.

 

Bonne soirée

[susanne52]

c'est nickel maintenant, merci !