Martes, 18 Marzo 2014 01:00

One Page Checkout y la página de Agradecimiento de Compra

El problema

Cuando se realiza la compra la Página de agradecimiento (/template/checkout/success.phtml) me muestra en el lado derecho tanto la encuesta como el bloque de Productos Vistos Recientemente.

 

 

La solución

Desactivar la encuesta no es complicado puesto que lo podemos hacer desde el Panel de Administración – CMS – Encuestas. Podemos Cerrar las que tengamos o directamente borrarlas.

Pero el caso del Bloque de Productos Vistos Recientemente es diferente. Me volví loco buscando en las Layouts, y nada. Hasta que revisando los estilos con la herramienta de Chrome (también lo podemos hacer con Firebug), me di cuenta de que mencionaba una clase que se donominaba onepagecheckout-index-success . Eso quería decir que cargaba algo relacionado con esta magnífica extensión. Busqué en las Layouts, en la ruta /app/design/frontend/base/default/layout y apareció el fichero onepagecheckout.xml.

Al revisarlo y buscar onepagecheckout-index-success, casi al final del archivo encontré el bloque que buscaba:

<onepagecheckout_index_success translate="label">

<reference name="content">

<block type="checkout/onepage_success" name="checkout.success" template="checkout/success.phtml"/>

</reference>

</onepagecheckout_index_success>

<onepagecheckout_index_failure translate="label">

<reference name="root">

<action method="setTemplate"><template>page/2columns-right.phtml</template></action>

</reference>

<reference name="content">

<block type="checkout/onepage_failure" name="checkout.failure" template="checkout/onepage/failure.phtml"/>

</reference>

</onepagecheckout_index_failure>

Las dos líneas en negrita y cursiva nos indican que la página de agradecimiento de compra emplea un diseño a dos columnas con la columna segunda a la derecha, pues bien, mi solución fue:

  1. Copiar este archivo a la carpetga de layouts de mi tema: /app/design/frontend/default/mi_tema/layout

  2. cambiar el diseño a dos columnas al de una sola columna una sola columna, quedando el código como sigue:

<onepagecheckout_index_success translate="label">

<reference name="root">

<action method="setTemplate"><template>page/1column.phtml</template></action>

</reference>

<reference name="content">

<block type="checkout/onepage_success" name="checkout.success" template="checkout/success.phtml"/>

</reference>

</onepagecheckout_index_success>

<onepagecheckout_index_failure translate="label">

<reference name="root">

<action method="setTemplate"><template>page/1column.phtml</template></action>

</reference>

<reference name="content">

<block type="checkout/onepage_failure" name="checkout.failure" template="checkout/onepage/failure.phtml"/>

</reference>

</onepagecheckout_index_failure>

Estoy seguro de que existe otra forma de hacerlo con el fichero local.xml, pero esta solución me funcionó y va a la perfección.

También advertir que en el fichero: /app/design/frontend/default/mi_tema/layout/checkout.xml también existen referencias que pueden crearnos confusión, las referencias son: checkout_onepage_success, pero por un lado no hace referencia directamente a onepagecheckout_index_success, referencia otra cosa y como observamos en el código:

<label>One Page Checkout Success</label>

<reference name="root">

<action method="setTemplate"><template>page/2columns-left.phtml</template></action>

</reference>

<reference name="content">

<block type="checkout/onepage_success" name="checkout.success" template="checkout/success.phtml"/>

</reference>

Hace referencia al diseño de dos columnas pero a la izquierda y no a la derecha que era donde a mi me aparecía.

Espero que sea de utilidad.

Visto 21429 veces
Textos Legales
Contacte con SAMTEK
Llamar a SAMTEK
Contactar con Samtek por correo electrónico
Contactar con Samtek por Whatsapp
Next Cloud. Logotipo de Next Cloud Hub

Trabajo colaborativo, Copias de seguridad y Sincronización de todos sus dispositivos