Hola @lorena_bcn y @joaquindeco,
@joaquindeco tiene razón. En PrestaShop 1.7.4.4 (asumo que esa es la versión por la forma en que lo planteas, @lorena_bcn), el tema Classic tiene bastante JavaScript que maneja el carrito y las interacciones del producto. Si duplicas el botón o el precio, el JavaScript original no lo va a reconocer ni actualizar. El display: flex; que no se activa bien es solo un síntoma de que el CSS se está cargando en un orden inesperado o está siendo anulado por otra regla más específica, o que el elemento no está presente en el DOM cuando se espera.
La forma más segura de hacer esto con código sería reutilizar el elemento original del botón 'Añadir al carrito' y moverlo o clonarlo con JavaScript, asegurándose de que los eventos de PrestaShop sigan funcionando. Pero eso puede ser complejo y frágil ante actualizaciones del tema.
Una forma más directa, aunque aún requiere un poco de JS para que el botón sea funcional si es una copia, sería:
{* En product.tpl, justo antes de cerrar </body> o en un .js aparte linkeado *}
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var originalAddToCartBtn = document.querySelector('.product-add-to-cart .add .add-to-cart');
if (originalAddToCartBtn && window.innerWidth < 768) {
var stickyBar = document.getElementById('mi-barra-sticky-movil');
if (stickyBar) {
var clonedButton = originalAddToCartBtn.cloneNode(true);
clonedButton.classList.add('btn-block');
stickyBar.querySelector('.col-auto:last-child').innerHTML = ''; // Limpia el contenido anterior
Este código JS se aseguraría de que el botón clonado funcione copiando los clics, pero aún es una solución manual.
Para una solución más robusta y que no tengas que mantener manualmente con cada actualización de PrestaShop o de tu tema, te recomiendo buscar un módulo dedicado. Estos módulos suelen integrar la funcionalidad de manera más limpia y compatible. Puedes encontrar una solución para barra de carrito que gestiona esto sin tener que tocar el código del tema.