Cambiar tamaño del Bloque de carrito

[paulajimenez]

Hola,

 

quiero hacer una cosa con el bloque del carrito desplegable que he visto en una web pero no sé muy bien cómo se haría.

 

La cosa es que cuando pones el ratón sobre el bloque del carrito que sale arriba a la derecha, se despliega pero con la misma anchura que tiene por defecto (200 creo) y todo sale entrecortado. Sale así:

 

 

Y lo que quiero es esto:

 

 

La anchura se cambiarla pero no me sale así, me sale todo a la derecha.

 

Alguna sugerencia?

 

Gracias de antemano

 

 

[ventura]

Se puede acceder a la pagina ¿?

[paulajimenez]

Se puede acceder a la pagina ¿?

 

Hola, te paso las dos:

 

- la mía (con el bloque tal como sale por defecto): http://goo.gl/cbouFi

- la que tiene lo que quiero hacer: http://goo.gl/MbPxob

[ventura]

Edita el archivo 

themes/css/tu_plantilla/modules/blockcart/blockcart.css

Y deja esta parte asi:

#header #cart_block {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #eee;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 0 #c6c6c6;
    display: none;
    height: auto;
    position: absolute;
    right: 0;
    top: 115px;
    width: 300px;
    z-index: 10;
}

[paulajimenez]

 

Edita el archivo 

themes/css/tu_plantilla/modules/blockcart/blockcart.css

Y deja esta parte asi:

#header #cart_block {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #eee;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 0 #c6c6c6;
    display: none;
    height: auto;
    position: absolute;
    right: 0;
    top: 115px;
    width: 300px;
    z-index: 10;
}

 

Genial! sale bien.

 

Lo único que he añadido es un arreglo en la forma de presentar el nombre de los productos que como está por defecto queda muy corto (hay un truncado en el .tpl de 13 caracteres). así que además de cambiar el código de Ventura he añadido:

 

En el mismo archivo del post anterior:

 themes/css/tu_plantilla/modules/blockcart/blockcart.css

Buscar esta línea y dejarla así:

#cart_block #cart_block_list dt a {font-weight:bold; display: inline-block; max-width: 200px/*max-width: 95px*/}

Luego para que el título de los productos salga más o menos largo hay que cambiar el fichero blockcart.tpl:

themes/tu_plantilla/modules/blockcart/blockcart.css

Y cambiar el número en rojo de la línea:

<a class="cart_block_product_name" href="{$link->getProductLink($product, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute)|escape:'html'}" title="{$product.name|escape:html:'UTF-8'}">{$product.name|truncate:70:'...'|escape:html:'UTF-8'}</a>

A la longitud que queramos que salgan los nombres de los productos (por defecto viene un 13).

 

Y ya se puede ver perfectamente qué productos tienes en el carrito de una forma cómoda.

 

Gracias Ventura y un saludo!

Edited July 2, 2014 by paulajimenez (see edit history)