Soporte » Diseño – Temas y plantillas » Añadir imagen debajo de cabecera (pagina de tienda)

Viendo 13 respuestas - de la 1 a la 13 (de un total de 13)
  • Moderador almendron

    (@almendron)

    1) Ve a «Páginas > Todas las páginas»

    2) Localiza la página «Tienda».

    3) Edita la página e inserta la imagen. Guarda.

    Iniciador del debate sergi96

    (@sergi96)

    Hola buenas,

    Si eso lo he hecho pero queda de esta manera:
    https://snipboard.io/PLYziB.jpg

    Mi intención es que la imagen quede pegada a la cabecera, si es posible.

    Gracias de antemano.

    Moderador almendron

    (@almendron)

    Si editas la página, entonces te queda así como dices, es decir, por debajo del título.

    Para colocar la imagen encima del título deberías editar el archivo correspondiente de la plantilla (supongo que sería «content-page.php») e insertar mediante código la imagen antes del título (incluyendo un filtro para que solo se mostrara en la página de la tienda).

    Iniciador del debate sergi96

    (@sergi96)

    Gracias por tu respuesta.

    He estado buscando si alguien habia hecho algo parecido pero no he encontrado nada.

    He intentado añadir la imagen al content-page.php pero no lo consigo.

    ¿Sabrias si hay alguna guia por internet que hayan intentado algo parecido?

    Gracias por la ayuda.

    Moderador almendron

    (@almendron)

    He insertado justo encima de la línea <?php astra_the_title( del archivo content-page.php

    <div class="imagen-tienda"><img src="URL-IMAGEN" width="xxx" height="xxx" alt="Tienda"/></div>

    y funciona perfectamente.

    Iniciador del debate sergi96

    (@sergi96)

    Lo he probado pero se me aplica en todas las paginas, no se porque no me funciona el filtro. 🙁

    Moderador almendron

    (@almendron)

    <?php if (is_page(34) ):?>
        <div class="imagen-tienda"><img src="URL-IMAGEN" width="xxx" height="xxx" alt="Tienda"/></div>
    <?php endif; ?>

    Sustituye «34» por el ID de la página de la tienda. Solo se pone el número. No se ponen comillas.

    En cuanto a la class «imagen-tienda», es para que añadas en el personalizador o en la hoja de estilos del tema esa «class» y establezcas las propiedades /margen, alienación etc).

    Iniciador del debate sergi96

    (@sergi96)

    He probado el filtro y funciona con todas las id de las paginas menos con la de la tienda.
    (Me he dado cuenta si lo pones sin filtro se aplica la imagen en todas las paginas menos en la de la tienda)

    Gracias por todo igualmente, por alguna razon no funciona, seguramente sea por el tema de Astra o algo.

    Moderador almendron

    (@almendron)

    Vaya cosa rara. Ve a Páginas, localiza la de la tienda y luego la editas. En la barra del navegador verás la URL en la que aparecerá «?post=xxxxxxx&action=edit». Hay tienes el ID de la página. Comprueba que es el mismo que el que pones en el filtro.

    Iniciador del debate sergi96

    (@sergi96)

    Si, justo de ahí saqué la ID. 🙁

    Moderador almendron

    (@almendron)

    Entonces estamos insertando el código en un lugar erróneo.

    Creo que es la plantilla «archive» y no la de «page»: body class="archive...

    Inserta el código en «content.php» (en template-parts).

    Iniciador del debate sergi96

    (@sergi96)

    Nada 🙁 He probado cambiando el filtro a ver si se aplicaba pero tampoco:

    <?php
    if ( is_woocommerce() ) {
      echo '<img src="url-img" alt="Shop Image" />';
    }
    ?>
    Moderador almendron

    (@almendron)

    He hecho una instalación limpia con Astra y Woocomerce y al principio tampoco me ha funcionado. Después he caído en que no es la página «Tienda» la que hay que modificar sino la página de inicio. En tu caso, hay que descubrir cuál es.

    Como hacerlo:

    1) Inserta en «content-page.php» el siguiente código:

    <?php
    $id = get_the_ID();
    echo '<h1>ID de la página: '. $id . '</h1>';
    ?>

    Te pongo el H1 para que luego se vea bien al visualizar la página.

    2) Toma nota del ID de la página.

    3) Sustituye el código del punto 1 por

    <?php
    if ( is_page(ID-PAGE) ) {
      echo '<img src="url-img" alt="Shop Image" />';
    }
    ?>

    donde ID-PAGE es el id de la página que has anotado.

Viendo 13 respuestas - de la 1 a la 13 (de un total de 13)
  • Debes estar registrado para responder a este debate.