Integrar Whatsapp en pagina magento y productos relacionados

Estado
Cerrado para nuevas respuestas

Almacen JPM

Nuevo usuario
Hola , muy buenas. Soy nuevo en la Comunidad y bueno estoy empezando a administrar una pagina web creada con Magento 1.8.1.0. Hay una empresa de software que hizo el diseño original de la web pero cuyo soporte es muy limitado a la hora de solicitar mejoras o cambios.
Perdonad pero todavia tengo mucho que aprender. Por eso estoy poco a poco aprendiendo a gestionarla desde el panel de administracion. Tengo varias cosas que me gustaria hacer funcionar:

1.- Como integrar Whastapp en la web. Para que aparezca un enlace que permita abrir , no se si es asi, la web Whatsapp que existe en internet y que puedan enviarnos mensajes a un movil de la empresa. ¿ Que necesito hacer ?
2.- Tengo creados productos con "productos relacionados" . Pero la seccion con los productos relacionados se me muestra a la izquierda y debajo del catalogo de productos. Bastante abajo y a la izquierda del producto que he seleccionado ¿ Como puedo modificar que aparezca a la derecha del producto seleccionado en ese momento ?

Tengo mas consultas, pero de momento esto es algo que me gustaria tener funcionando en breve.

Gracias...
 

Toni FactoriaDigital

Experto en Magento de Factoría Digital
Miembro del equipo
Hola,

Antes de nada, bienvenido al foro.

Te voy a intentar contestar a tus dudas en orden:

1.- Puedes integrar WhatsApp de distintas formas, no hay una correcta ni una mejor, sino la que mejor se adapte a tus necesidades. Puedes ver los siguientes links donde verás que puedes integrar WhatsApp para que se abra la aplicación al pulsar sobre el enlace (quizás esto sería mas útil solo para dispositivos móviles); una API o bien una extensión, que quizás sea la opción mas sencilla para ti:

- WhatsApp Click to Open (Android en este caso, puedes mirar la documentación para otros): https://faq.whatsapp.com/en/android/26000030/
- API WhatsApp for Business (tendrías que integrarlo y no sé si dispones de WhatsApp Business): https://www.whatsapp.com/business/api?lang=es
- Extensión para Magento 1: https://meetanshi.com/magento-whatsapp-contact.html

2.- Dependerá mucho de tu plantilla, no hay una solución exacta para esto, ya que cada plantilla es un mundo. Seguramente deberás acceder a tu plantilla localizada en app/design/frontend/<vendor>/<plantilla>/layout/ donde encontrarás los distintos archivos XML que construyen la estructura de la página y localizar dentro de alguno de ellos el bloque de relacionados, para moverlo a tu antojo. Como la idea es que lo quieres mover en la página de producto, si está bien programada la plantilla, debería estar dentro de catalog_product_view.xml.

Espero que te sirva,
Un saludo.
 

Almacen JPM

Nuevo usuario
Gracias por la respuesta.

He conseguido salvar la necesidad del asunto del whatsapp creando un enlace al API Whatsapp y funciona bien.
Sobre los productos relacionados, he encontado tres ficheros con dos bloques de codigo, pero creo que donde se debe tocar es en el primero. ¿ Que debo modificar ?

En el fichero "catalog.xml" este bloque de codigo

<catalog_product_view translate="label">
<label>Catalog Product View (Any)</label>
<!-- Mage_Catalog -->
<reference name="root">
<action method="setTemplate"><template>page/2columns-right.phtml</template></action>
</reference>
<reference name="head">
<action method="addJs"><script>varien/product.js</script></action>
<action method="addJs"><script>varien/configurable.js</script></action>

<action method="addItem"><type>js_css</type><name>calendar/calendar-win2k-1.css</name><params/><!--<if/><condition>can_load_calendar_js</condition>--></action>
<action method="addItem"><type>js</type><name>calendar/calendar.js</name><!--<params/><if/><condition>can_load_calendar_js</condition>--></action>
<action method="addItem"><type>js</type><name>calendar/calendar-setup.js</name><!--<params/><if/><condition>can_load_calendar_js</condition>--></action>
</reference>
<reference name="content">
<block type="catalog/product_view" name="product.info" template="catalog/product/view.phtml">
<!--
<action method="addReviewSummaryTemplate"><type>default</type><template>review/helper/summary.phtml</template></action>
<action method="addReviewSummaryTemplate"><type>short</type><template>review/helper/summary_short.phtml</template></action>
<action method="addReviewSummaryTemplate"><type>...</type><template>...</template></action>
-->
<block type="catalog/product_view_media" name="product.info.media" as="media" template="catalog/product/view/media.phtml"/>
<block type="core/text_list" name="alert.urls" as="alert_urls" translate="label">
<label>Alert Urls</label>
</block>

<action method="setTierPriceTemplate"><template>catalog/product/view/tierprices.phtml</template></action>

<block type="catalog/product_list_upsell" name="product.info.upsell" as="upsell_products" template="catalog/product/list/upsell.phtml">
<action method="setColumnCount"><columns>4</columns></action>
<action method="setItemLimit"><type>upsell</type><limit>4</limit></action>
</block>

<block type="catalog/product_view_additional" name="product.info.additional" as="product_additional_data" />
<block type="catalog/product_view_description" name="product.description" as="description" template="catalog/product/view/description.phtml">
<action method="addToParentGroup"><group>detailed_info</group></action>
</block>
<block type="catalog/product_view_attributes" name="product.attributes" as="additional" template="catalog/product/view/attributes.phtml">
<action method="addToParentGroup"><group>detailed_info</group></action>
</block>
<block type="catalog/product_view" name="product.info.addto" as="addto" template="catalog/product/view/addto.phtml"/>
<block type="catalog/product_view" name="product.info.addtocart" as="addtocart" template="catalog/product/view/addtocart.phtml"/>

<block type="core/text_list" name="product.info.extrahint" as="extrahint" translate="label">
<label>Product View Extra Hint</label>
</block>

<block type="catalog/product_view" name="product.info.options.wrapper" as="product_options_wrapper" template="catalog/product/view/options/wrapper.phtml" translate="label">
<label>Info Column Options Wrapper</label>
<block type="core/template" name="options_js" template="catalog/product/view/options/js.phtml"/>
<block type="catalog/product_view_options" name="product.info.options" as="product_options" template="catalog/product/view/options.phtml">
<action method="addOptionRenderer"><type>text</type><block>catalog/product_view_options_type_text</block><template>catalog/product/view/options/type/text.phtml</template></action>
<action method="addOptionRenderer"><type>file</type><block>catalog/product_view_options_type_file</block><template>catalog/product/view/options/type/file.phtml</template></action>
<action method="addOptionRenderer"><type>select</type><block>catalog/product_view_options_type_select</block><template>catalog/product/view/options/type/select.phtml</template></action>
<action method="addOptionRenderer"><type>date</type><block>catalog/product_view_options_type_date</block><template>catalog/product/view/options/type/date.phtml</template></action>
</block>
<block type="core/html_calendar" name="html_calendar" as="html_calendar" template="page/js/calendar.phtml"/>
</block>
<block type="catalog/product_view" name="product.info.options.wrapper.bottom" as="product_options_wrapper_bottom" template="catalog/product/view/options/wrapper/bottom.phtml" translate="label">
<label>Bottom Block Options Wrapper</label>
<action method="insert"><block>product.tierprices</block></action>
<block type="catalog/product_view" name="product.clone_prices" as="prices" template="catalog/product/view/price_clone.phtml"/>
<action method="append"><block>product.info.addtocart</block></action>
<action method="append"><block>product.info.addto</block></action>
</block>

<block type="core/template_facade" name="product.info.container1" as="container1">
<action method="setDataByKey"><key>alias_in_layout</key><value>container1</value></action>
<action method="setDataByKeyFromRegistry"><key>options_container</key><key_in_registry>product</key_in_registry></action>
<action method="append"><block>product.info.options.wrapper</block></action>
<action method="append"><block>product.info.options.wrapper.bottom</block></action>
</block>
<block type="core/template_facade" name="product.info.container2" as="container2">
<action method="setDataByKey"><key>alias_in_layout</key><value>container2</value></action>
<action method="setDataByKeyFromRegistry"><key>options_container</key><key_in_registry>product</key_in_registry></action>
<action method="append"><block>product.info.options.wrapper</block></action>
<action method="append"><block>product.info.options.wrapper.bottom</block></action>
</block>
<action method="unsetCallChild"><child>container1</child><call>ifEquals</call><if>0</if><key>alias_in_layout</key><key>options_container</key></action>
<action method="unsetCallChild"><child>container2</child><call>ifEquals</call><if>0</if><key>alias_in_layout</key><key>options_container</key></action>
</block>
</reference>
<reference name="right">
<block type="catalog/product_list_related" name="catalog.product.related" before="-" template="catalog/product/list/related.phtml"/>
</reference>
</catalog_product_view>

En el fichero "catalog_msrp.xml" el siguiente bloque de codigo:

Default layout, loads most of the pages
-->
<catalog_category_default>
<update handle="MAP_popup" />
</catalog_category_default>
<catalog_category_layered>
<update handle="MAP_popup" />
</catalog_category_layered>
<catalog_product_compare_index>
<update handle="MAP_popup" />
</catalog_product_compare_index>
<catalog_product_view>
<update handle="MAP_popup" />
<update handle="MAP_price_msrp_item" />
</catalog_product_view>

En el fichero "cataloginventory.xml" el siguiente bloque de codigo:

<!--
Product view
-->
<catalog_product_view>
<reference name="product.info.extrahint">
<block type="cataloginventory/qtyincrements" name="product.info.extrahint.qtyincrements" template="cataloginventory/qtyincrements.phtml"/>
</reference>
</catalog_product_view>
 

Toni FactoriaDigital

Experto en Magento de Factoría Digital
Miembro del equipo
Hola,

Si te fijas, en catalog.xml, encuentras <catalog_product_view>, de cara al final, está este fragmento de código:

Insertar CODE, HTML o PHP:
<reference name="right">
<block type="catalog/product_list_related" name="catalog.product.related" before="-" template="catalog/product/list/related.phtml"/>
</reference>
Si cambias <reference name="right"> por <reference name="left">, cambiaría a la columna de la izquierda, por tanto, basándote en eso, podrías buscar el nombre de ese bloque y encontrar si otro layout .xml está moviendo "catalog.product.related" hacia otro bloque. Con la misma lógica, puedes moverlo tú hacia el bloque que necesites.

Un saludo.
 

Almacen JPM

Nuevo usuario
Hola Toni. Gracias por tus comentarios.
Efectivamente encontre otro fichero "catalog.xml". Tenia las siguientes lineas sobre el "catalog.product.related":

<reference name="left">
<block type="catalog/product_list_related" name="catalog.product.related" after="catalog.topnav2" template="catalog/product/list/related.phtml"/>
</reference>


Se lo cambie poniendo "right" en vez de "left" y refresque el Cache de la Plantilla Layout building instructions.

Entonces dejaron de mostrarse los productos "relacionados" , no aparecian en ningun lado.

Hice un nuevo cambio quitando lo que hacia referencia a "after="catalog.topnav2" y dejandolo asi:

<reference name="right">
<block type="catalog/product_list_related" name="catalog.product.related" before="-" template="catalog/product/list/related.phtml"/>
</reference>


De nuevo refresque la Cache Layout y seguia sin mostrar nada. Al final volvi a dejarlo como estaba:

<reference name="left">
<block type="catalog/product_list_related" name="catalog.product.related" after="catalog.topnav2" template="catalog/product/list/related.phtml"/>
</reference>


Refresque la Cache Layout y vuelve a estar como estaba, mostrando los productos relacionados a la izquierda.

Creo que aunque consigo poner el bloque a la derecha, alguna configuracion hay por otro sitio que debe modificar para que se muestre. No se si es que hay poner que al ver productos se visualizen 3 columnas en vez de 2, no se.

Si se te ocurre otra cosas que pueda ver..
Gracias.
 

Toni FactoriaDigital

Experto en Magento de Factoría Digital
Miembro del equipo
Hola,

Ten en cuenta que si la ficha de producto está configurada para que sea 2columns-left, por mucho que lo movieras a la derecha, esa plantilla general no cargará la columna "right", porque no la tiene.
Deberás mover el bloque hacia otro bloque que si se esté incluyendo en la ficha de producto o bien configurar que la ficha de producto sea 2columns-right o 3columns, como indicabas.

Eso puedes verlo en catalog_product_view, en el apartado setTemplate.

Un saludo.
 

Almacen JPM

Nuevo usuario
Gracias Toni. Lo arreglé.
Le cambié primero a "2columns-right" , vi que funcionaba y luego lo cambie a "3columns" para que se pueda ver tambien el catalogo de productos.
Muchas gracias por tu interés y tus comentarios.
 
Estado
Cerrado para nuevas respuestas
Arriba