{"id":128139,"date":"2022-07-08T17:53:45","date_gmt":"2022-07-08T12:23:45","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&p=128139"},"modified":"2022-07-24T13:30:34","modified_gmt":"2022-07-24T08:00:34","slug":"improvement-woocommerce-modify-the-cart-label-design","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/improvement-woocommerce-modify-the-cart-label-design\/","title":{"rendered":"Mejoras: WooCommerce - Modificar el dise\u00f1o de la etiqueta del carrito"},"content":{"rendered":"

Hemos hecho una mejora significativa en el dise\u00f1o del carrito de WooCommerce. Creemos que esto cambiar\u00e1 la forma de ver el icono del carrito y tambi\u00e9n el caj\u00f3n posterior cuando los visitantes hagan clic en el carrito. La etiqueta del carrito es una de las principales mejoras que hemos decidido implementar en la nueva versi\u00f3n del tema Astra. Estos son algunos de los cambios que hemos realizado.<\/p>\n\n\n\n

Etiqueta del carro<\/h2>\n\n\n\n

Ahora puedes dise\u00f1ar el nivel del carrito utilizando 4 shortcodes diferentes que est\u00e1n disponibles directamente dentro del constructor de cabecera. Para acceder a estas opciones, vaya a Apariencia>Personalizar>Constructor de cabecera>Carro. En la pesta\u00f1a general, ver\u00e1 las opciones llamadas \"Cart Label\". Hay 4 opciones diferentes que est\u00e1n disponibles dentro de la etiqueta del carro que ser\u00e1 visible una vez que haga clic en el icono \"+\" junto a la etiqueta del carro.<\/p>\n\n\n\n

Nombre de la moneda<\/strong>: Esto agregar\u00e1 el nombre de la moneda que se establece en la configuraci\u00f3n de WooCommerce a\u00f1adiendo el shortcode {cart_currency_name} a la cesta.<\/p>\n\n\n\n

\"Currency<\/a><\/figure>\n\n\n\n

Importe total:<\/strong> <\/strong>seleccionando esta opci\u00f3n puede mostrar el importe total de los productos que el usuario ha a\u00f1adido al carrito. Esto a\u00f1adir\u00e1 el shortcode {cart_total} al carrito.<\/p>\n\n\n\n

\"Total<\/a><\/figure>\n\n\n\n

S\u00edmbolo de moneda<\/strong>: Esto agregar\u00e1 el shortcode {cart_currency_symbol} y mostrar\u00e1 el s\u00edmbolo de moneda de la moneda que est\u00e1 seleccionada en la configuraci\u00f3n de WooCommerce.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Total + S\u00edmbolo de moneda:<\/strong> Esto a\u00f1adir\u00e1 el shortcode {cart_total_currency_symbol} y mostrar\u00e1 el s\u00edmbolo de la moneda y el importe total del producto que el usuario ha a\u00f1adido al carrito.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

La mejor parte es que puedes utilizar estos shortcodes como uno solo o combinados entre s\u00ed. Por ejemplo, en la imagen de abajo, hemos a\u00f1adido todos los c\u00f3digos cortos juntos.<\/p>\n\n\n\n

\"Combination\"<\/a><\/figure>\n\n\n\n

Mostrar recuento de carros<\/h2>\n\n\n\n

Este bot\u00f3n muestra el n\u00famero de art\u00edculos a\u00f1adidos al carrito. Si desea desactivar esta funci\u00f3n, simplemente haga clic en el bot\u00f3n para desactivarla.<\/p>\n\n\n\n

\"\"<\/a>
Cesta Count On<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Carrito desplegable fuera del lienzo<\/h2>\n\n\n\n

Esta opci\u00f3n le permite personalizar el flyout cuando un usuario hace clic en el carrito despu\u00e9s de seleccionar el producto. Esta nueva y sorprendente caracter\u00edstica le proporciona m\u00e1s control sobre el dise\u00f1o del flyout como:<\/p>\n\n\n\n