Estoy personalizando la página de categorías de productos de wordpress woocommerce. Agregué con éxito una imagen en línea con el nombre del producto. Mi problema surge cuando trato de hacer que las imágenes se puedan vincular. El formato de la imagen se pierde a medida que se muestran más grandes, no alineados con el nombre del producto y con un borde. Más detalles a continuación, ¿alguien puede ayudar?
Este es el código actual:
global $product;
$link = get_field('product_fiche');
$label = get_field('energy_label');
$full = get_field('full_energy_label');
?>
<div class="price-wrapper <?php if($link || $label) { echo 'has-col'; } ?>">
<?php if ( $price_html = $product->get_price_html() ) : ?>
<span class="price"><?php echo $price_html; ?></span>
<?php endif; ?>
<?php if(is_product_category() && $link || $label) : ?>
<span class="product-action">
<?php if($link) { echo '<a class="link" href="'.$link.'" target="_blank">Product Fiche</a>'; } ?>
<?php if($label) { echo '<img class="energy-label" src="'.$label.'" alt="energy label" />'; } ?>
</span>
<?php endif; ?>
</div>
Así es como aparecen las páginas de categorías: (observe cómo aparecen los íconos alineados con el nombre del producto)
ingrese la descripción de la imagen aquí
Este es el código actualizado, formateé la adición en negrita.
global $product;
$link = get_field('product_fiche');
$label = get_field('energy_label');
$full = get_field('full_energy_label');
?>
<div class="price-wrapper <?php if($link || $label) { echo 'has-col'; } ?>">
<?php if ( $price_html = $product->get_price_html() ) : ?>
<span class="price"><?php echo $price_html; ?></span>
<?php endif; ?>
<?php if(is_product_category() && $link || $label) : ?>
<span class="product-action">
<?php if($link) { echo '<a class="link" href="'.$link.'" target="_blank">Product Fiche</a>'; } ?>
<?php if($label) { echo '**<a href="'.$full.'" target="_blank">**<img class="energy-label" src="'.$label.'" alt="energy label" />**</a>**'; } ?>
</span>
<?php endif; ?>
</div>
El código anterior conduce a lo siguiente:
.