Problème d'affichage sur fiche produit Prestashop 1.7.8.2 - Alignement Prix produit et TTC

[erik69400]

Bonjour,

J'ai tenté de construire un site marchand Prestashop pour ma compagne qui monte sa boite avec mes faibles connaissances et je me heurte à un souci d'affichage gênant et je suis totalement perdu.

Si quelqu'un pouvait m'aider ce serai vraiment très sympa.

Voici le bug d'affichage : 

Exemple d'une fiche produit : https://bettercallbettie.com/decoration/66-206-coussin-nuage-personnalise.html#/49-tissus-uni_rose/52-typo-fine

Sauriez-vous me dire où j'ai merdé ou alors si c'est un bug d'affichage de Prestashop ? L'idée serait d'avoir le TTC à côté du prix et si possible de la même couleur.

Merci à ceux qui prendrons le temps de regarder.

Bonne soirée,

Eric

Edited February 2, 2022 by erik69400 (see edit history)

[alex8521]

Bonjour, 

Vous pourriez par exemple faire cela en ajoutant ces lignes au custom.css de votre thème. 

.product-prices {
    display: flex;
    justify-content: left;
    align-items: baseline;
}

.product-prices .tax-shipping-delivery-label {
    color: red;
    margin-left: 10px;
}

 

Bonne journée

[erik69400]

10 hours ago, alex8521 said:

Bonjour, 

Vous pourriez par exemple faire cela en ajoutant ces lignes au custom.css de votre thème. 

.product-prices {
    display: flex;
    justify-content: left;
    align-items: baseline;
}

.product-prices .tax-shipping-delivery-label {
    color: red;
    margin-left: 10px;
}

 

Bonne journée

Merci d'avoir pris le temps de me répondre. malheureusement ça ne marche pas.

Eric

[erik69400]

Finalement le problème est résolu, merci beaucoup

[Mediacom87]

Il y a 2 heures, erik69400 a dit :

Finalement le problème est résolu, merci beaucoup

et comment ?

[erik69400]

La réponse qui m'a été donné à fonctionné. C'était surement une histoire de cache le fait que je ne voyais pas la modification tout de suite.

Je l'ai adapté en mettant la même couleur que le prix, par contre si je veux être pointilleux, je n'ai pas réussi à mettre la même police que le prix ... Mais j'ai pas voulu embêter quelqu'un pour cela.

Mais si jamais quelqu'un à l'astuce, je prends.

[alex8521]

Bonjour, 

Je pense que la police est la même, juste l' épaisseur qui est différente.

En modifiant le custom.css comme ci-dessous, vous devriez avoir la même chose(et vider le cache ;)). 

.product-prices .tax-shipping-delivery-label {

/*Pour avoir la même couleur que le prix*/

color: #FE6577;

margin-left:

10px;

/*Même épaisseur*/

font-weight: 700;

/*même taille si besoin*/

font-size: 1rem;

}

Bonne journée

Edited February 11, 2022 by alex8521 (see edit history)

[astralabe]

personnellement j'ai déplacé

if !$configuration.taxes_enabled}
            {l s='No tax' d='Shop.Theme.Catalog'}
        {elseif $configuration.display_taxes_label}
            <span class="price">{$product.labels.tax_long}</span>
        {/if}

dans le fichier \themes\*****\templates\catalog\_partials\product-prices.tpl cela commençait à la ligne 86 chez moi et je l'ai mis à la ligne 51 avant </div>

ce qui donne la div complète :

        <div class="current-price">
          <span class="current-price-display price{if $product.has_discount} current-price-discount{/if}">{$product.price}</span>
          {if $product.has_discount}
            {if $product.discount_type === 'percentage'}
              <span class="discount discount-percentage">{l s='Save %percentage%' d='Shop.Theme.Catalog' sprintf=['%percentage%' => $product.discount_percentage_absolute]}</span>
            {else}
              <span class="discount discount-amount">
                  {l s='Save %amount%' d='Shop.Theme.Catalog' sprintf=['%amount%' => $product.discount_to_display]}
              </span>
            {/if}
          {/if}
        {* deplace *}
          {if !$configuration.taxes_enabled}
            {l s='No tax' d='Shop.Theme.Catalog'}
        {elseif $configuration.display_taxes_label}
            <span class="price">{$product.labels.tax_long}</span>
        {/if}
        {* fin deplace *}
        </div>

 

Edited February 13, 2022 by astralabe (see edit history)