Colocar carrito a la dercecha y quitar texto

[info@unvestidoparati]

¡Hola a todos! Antes de nada daros las gracias porque este foro me ha ayudado un montón en mi primera tienda online. Estoy haciéndola con la plantilla por defecto de PrestaShop 1.6 y necesito hacer dos cosas:

 

1.- Que en vez de poner "Carrito" y luego vacío o el número de productos que hay, que simplemente ponga al lado un número. Algo como lo de la imagen.

 

 

 

2.- Colocaro a la derecha del todo (a la derecha de Iniciar sesión .

 

¿Sabe alguno cómo hacerlo?

 

¡Gracias ya de antemano!

[info@unvestidoparati]

Si alguien pudiera echarme una mano se lo agradecería de veras....

[Code-Plus]

Buenas, usando el tema por defecto, busca .../theme/default-bootstrap/modules/blocart/blockcart.tpl

 

Buscas estás líneas, a partir de la 32:

<span class="ajax_cart_quantity{if $cart_qties == 0} unvisible{/if}">{$cart_qties}</span>
<span class="ajax_cart_product_txt{if $cart_qties != 1} unvisible{/if}">{l s='Product' mod='blockcart'}</span>
<span class="ajax_cart_product_txt_s{if $cart_qties < 2} unvisible{/if}">{l s='Products' mod='blockcart'}</span>
<span class="ajax_cart_total{if $cart_qties == 0} unvisible{/if}">
{if $cart_qties > 0}
{if $priceDisplay == 1}
{assign var='blockcart_cart_flag' value='Cart::BOTH_WITHOUT_SHIPPING'|constant}
{convertPrice price=$cart->getOrderTotal(false, $blockcart_cart_flag)}
{else}
{assign var='blockcart_cart_flag' value='Cart::BOTH_WITHOUT_SHIPPING'|constant}
{convertPrice price=$cart->getOrderTotal(true, $blockcart_cart_flag)}
{/if}
{/if}
</span>
<span class="ajax_cart_no_product{if $cart_qties > 0} unvisible{/if}">{l s='(empty)' mod='blockcart'}</span>

Y pones esto:

 

<span class="ajax_cart_quantity">{$cart_qties}</span>
<span class="ajax_cart_total{if $cart_qties == 0} unvisible{/if}">
{if $cart_qties > 0}
{if $priceDisplay == 1}
{assign var='blockcart_cart_flag' value='Cart::BOTH_WITHOUT_SHIPPING'|constant}
{convertPrice price=$cart->getOrderTotal(false, $blockcart_cart_flag)}
{else}
{assign var='blockcart_cart_flag' value='Cart::BOTH_WITHOUT_SHIPPING'|constant}
{convertPrice price=$cart->getOrderTotal(true, $blockcart_cart_flag)}
{/if}
{/if}
</span>

Saludos

[info@unvestidoparati]

¡Muchísimas gracias, funciona perfectamente!

Edited July 22, 2016 by info@unvestidoparati (see edit history)

[info@unvestidoparati]

Gracias, para la otra pregunta abriré otro tema. ¿Cómo puedo poner este como solucionado?

[Code-Plus]

Perfecto! Si está solucionado, por favor, marca el hilo como "Contestado", y si consideras que mi respuesta lo merece, márcala con "Like". Gracias y un saludo!

[cocalocaonline]

¡Muchísimas gracias, funciona perfectamente!

 

como lo has conseguido? a mi me sale exactamente igual y si lo pongo en el displaynav sigue todo descuadrado y con su misma media de ancho

Saludos!

Edited July 25, 2016 by cocalocaonline (see edit history)

[info@unvestidoparati]

Cocalocaonline, ¿vaciaste el caché después de modificar el tpl?

[info@unvestidoparati]

Una cosita, Code-plus, me gustaría también eliminar el nombre de Mi carrito (Mi Bolsa en mi caso), para que solamente aparezca el dibujito y el número, ¿sabes cómo hacerlo?

[roolz]

Buenas info@unvestidoparati;

A priori, en el blockcart.tpl de tu theme, en la línea 31 te debería aparecer lo siguiente: <b>{l s='Cart' mod='blockcart'}</b> ; dejalo así  <b>{l s='' mod='blockcart'}</b>   

De esta manera, si algún día quieres sustituir el mensaje o simplemente vacío podrás hacerlo.  En principio con eso bastaría para eliminar el "carrito" que aparece al lado del icono.

 

Saludos y espero que te sirva 

Edited July 29, 2016 by roolz (see edit history)

[info@unvestidoparati]

Gracias roolz. Al final lo quité poniendo un display: none en el css. Lo que no consigo es subir el mover el número de productos que hay en el carrito unos píxels arriba y a la izuqierda... Me queda así y yo lo querría mucho más pegado y alineado...

[info@unvestidoparati]

Bueno, pues parece que lo conseguí.

 

He añadido al final de  ../themes/default-bootstrap/css/modules/blockcart/blockart.css esto:

 

 

.ajax_cart_quantity {
 position:relative;
 top: -5px;
 left: -15px;
}

 

No sé si es muy ortodoxo, pero funciona ;-)

 

[roolz]

Verifica que 

 

Bueno, pues parece que lo conseguí.

 

He añadido al final de  ../themes/default-bootstrap/css/modules/blockcart/blockart.css esto:

 

 

.ajax_cart_quantity {
 position:relative;
 top: -5px;
 left: -15px;
}

 

No sé si es muy ortodoxo, pero funciona ;-)

Verifica que se vea correctamente en todo los dispositivos. Una forma de hacerlo es por ejemplo, usando google chrome, inspeccionas elementos, y a la izquierda te aparece el iconito de un dispositivo. Clicas sobre él y puedes ver tu site como queda en diferentes resoluciones.

 

Saludos!