IMAGEN SUBCATEGORIA

[marketing.nave8@gmai]

Hola,

 

estoy intentando que las imagenes no se superpongan pero no lo consigo con css.

Aparecen más grandes las imágenes  ya que he modificado el tamaño con css y pero ahora se superponen.

 

Me gustaría que mantuviesen este tamaño pero no consigo separarlas.

 

 

[Pixefora D]

No consigo entenderlo.

Te refieres a más separación entre ellas? No las veo superpuestas.

[marketing.nave8@gmai]

Sí seria que hubiese seoaracion entre ellas.

Gracias

[Pixefora D]

Has probado con margin?

[marketing.nave8@gmai]

ni con el margin. metiendo el class del div... no lo entiendo 

<div class="subcategory-image">
               

lo que hace es separar todo el grupo

 

 

 

 

[Pixefora D]

Estás metiendole el margin al <a>.

Prueba a hacerlo en el <li>

[marketing.nave8@gmai]

conseguido! gracias!  ahora me estoy matando con el txt de abajo. para que quede centrado sobre la imagen.

[marketing.nave8@gmai]

Hola a ver si me podéis ayudar por favor: ¿ por qué de una categoría a otra cambia la consulta de la  url de la imagen? 

 

imagen categroría 1:

es-default-small_default

<img class="replace-2x" src="https://tiendasdelbarrio.es/c/es-default-small_default/carniceria-antonio.jpg" alt="Carnicería Antonio">

 

Imagen categoría 2

14-small_default

<img class="replace-2x" src="https://tiendasdelbarrio.es/c/14-small_default/frutas-eden.jpg" alt="Frutas Eden">

[Pixefora D]

No consigo entenderlo.

Son categorías diferentes y casa una tiene su imagen. No veo el error.

[marketing.nave8@gmai]

Sí son categorías diferentes pero lo que me ocurre es que la imagen 1 por mucho que subo la imagen miniatura a la categoría no la muestra. Y la diferencia que veo en código de ambas imagenes es:

 

imagen categroría 1

mete el siguiente código antes de la imagen jpeg y aqui no lo muestra.

es-default-small_default

<img class="replace-2x" src="https://tiendasdelbarrio.es/c/es-default-small_default/carniceria-antonio.jpg" alt="Carnicería Antonio">

 

Imagen categoría 2

mete el código de la imagen y lo muestra bien

14-small_default

<img class="replace-2x" src="https://tiendasdelbarrio.es/c/14-small_default/frutas-eden.jpg" alt="Frutas Eden">

 

 

La unica manera que he probado metiendo código en google es ha igualar la consulta de la imagen 2.  Es decir en la imagen 1 construyo la siguiente url y lo muestra:

<img class="replace-2x" src="https://tiendasdelbarrio.es/c/28-small_default/carniceria-antonio.jpg" alt="Carnicería Antonio">

 

sustituyo: es-default-small_default     por    28-small_default   es la única manera que veo que la muestre.

 

[Pixefora D]

Prueba a volver a subir la imagen de la categoría en cuestión.

 

También puedes probar a reconstruir todas las imágenes de categorías desde diseño>ajustoes de imágenes. 

En la parte de abajo, selecciona solo Categorías. 

[marketing.nave8@gmai]

lo he hecho pero nada. sigue sin aparecer, además que sí que tengo metido en todas las categorías las miniaturas.

[Pixefora D]

Prueba  a subir la misma imágen en el resto de inputs, es decir, imagen de portada etc..

[marketing.nave8@gmai]

Sí lo he hecho, mete la imagen de portada bien y la miniatura de menú bien

pero la miniatura de categoría nada

 

[Pixefora D]

¿Puedes poner el código que aparece en el tpl donde se llama a la imagen?

[marketing.nave8@gmai]

Te señalo en negrita las llamadas que hace para mostrar la imagen. en la segunda y tercera hace una consulta diferente.

 

<div id="js-product-list-header">
            <div class="block-category card card-block">
                           <div class="category-cover">
                    <img src="https://tiendasdelbarrio.es/c/25-category_default/alimentacion.jpg" alt="Alimentación">
                </div>
             <h1 class="h1 title-category">Alimentación</h1>
                    </div>
        
        <!-- Subcategories -->
    <div id="subcategories">
        <p class="subcategory-heading">Subcategoría</p>
        <ul class="clearfix">
                            <li>
                    <div class="subcategory-image">
                        <a href="https://tiendasdelbarrio.es/11-fruteria" title="Frutería" class="img">
                                                            <img class="replace-2x" src="https://tiendasdelbarrio.es/c/es-default-small_default/fruteria.jpg" alt="Frutería">
                                                    </a>
                    </div>
                    <h5><a class="subcategory-name" href="https://tiendasdelbarrio.es/11-fruteria">Frutería</a></h5>
                                            <div class="cat_desc">&lt;p&gt;&lt;span style="vertical-align:inherit;"&gt;&lt;span style="vertical-align:inherit;"&gt;Select the greengrocer where you want to buy your order.&nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;</div>
                                    </li>
                            <li>
                    <div class="subcategory-image">
                        <a href="https://tiendasdelbarrio.es/12-carniceria" title="Carnicería" class="img">
                                                            <img class="replace-2x" src="https://tiendasdelbarrio.es/c/es-default-small_default/carniceria.jpg" alt="Carnicería">
                                                    </a>
                    </div>
                    <h5><a class="subcategory-name" href="https://tiendasdelbarrio.es/12-carniceria">Carnicería</a></h5>
                                    </li>
                            <li>
                    <div class="subcategory-image">
                        <a href="https://tiendasdelbarrio.es/19-polleria" title="Pollería" class="img">
                                                            <img class="replace-2x" src="https://tiendasdelbarrio.es/c/es-default-small_default/polleria.jpg" alt="Pollería">
                                                    </a>
                    </div>
                    <h5><a class="subcategory-name" href="https://tiendasdelbarrio.es/19-polleria">Pollería</a></h5>
                                    </li>
                            <li>
                    <div class="subcategory-image">
                        <a href="https://tiendasdelbarrio.es/20-charcuteria" title="Charcutería" class="img">
                                                            <img class="replace-2x" src="https://tiendasdelbarrio.es/c/es-default-small_default/charcuteria.jpg" alt="Charcutería">
                                                    </a>
                    </div>
                    <h5><a class="subcategory-name" href="https://tiendasdelbarrio.es/20-charcuteria">Charcutería</a></h5>
                                    </li>
                            <li>
                    <div class="subcategory-image">
                        <a href="https://tiendasdelbarrio.es/26-pescaderia" title="Pescadería" class="img">
                                                            <img class="replace-2x" src="https://tiendasdelbarrio.es/c/es-default-small_default/pescaderia.jpg" alt="Pescadería">
                                                    </a>
                    </div>
                    <h5><a class="subcategory-name" href="https://tiendasdelbarrio.es/26-pescaderia">Pescadería</a></h5>
                                    </li>
                    </ul>
    </div>
</div>

[Pixefora D]

Lo que necesitaría ver es el tpl, category.tpl

[marketing.nave8@gmai]

eso dónde lo saco? perdona pero ahí me pillas

 

gracias

 

[marketing.nave8@gmai]

te adjunto el category.tpl

 

Edited September 23, 2020 by marketing.nave8@gmai (see edit history)

[marketing.nave8@gmai]

no lo mires, al final ha aparecido metiendo en banner.

 

pero en otra categoría sin meter banner sí aparecen, 

 

la única diferencia entre categorías es que está ultima tiene menos profundidad de subcategorias

[marketing.nave8@gmai]

muchas gracias por la ayuda !!

[marketing.nave8@gmai]

Hola

 

¿sabes por qué al subir la imagen miniatura me la reduce?  yo la descargo con la misma resolución... me refiero a la categoría de precocinados.

 

gracias