WordPress Plugin GoLocation para Woocommerce
Cuando tienes un website Ecommerce a veces quieres ofrecer productos de acuerdo a la localización del cliente para esto tendrás que preguntarle donde esta ubicado o en el mejor de los casos que tu aplicación ubique al cliente.
GoPymes SAC a desarrollado un plugin premiun para Woocommerce que te permite mostrar diferentes productos de diferentes vendedores para los clientes que caen dentro de algunas áreas de reparto.
Explicado mejor.
Paso1: El cliente A entra a tu Ecommerce de ropa en donde hay diferentes vendedores, lo primero que verá será su ubicación con las diferentes áreas de reparto de los vendedores (puedes tener visible las áreas de reparto como tenerlas ocultas).
Paso2: Si el cliente cae dentro de alguna área, debajo se mostrará los productos de ese vendedor con esa área. Ojo que puede caer en varias áreas de reparto.
Paso3: El cliente puede modificar su posición arrastrando el marker del mapa, así cada vez que lo modifique el plugin refrescará los productos a mostrar.
Administrar el plugin.
El plugin cuenta con un panel simple y sencillo.
- API Google Maps. Es importante generar esta API para poder construir las áreas de reparto
- Make visible the areas. Puedes tener todas tus áreas visibles o invisibles al público.
- Include library Google Maps. Algunos prefieren añadir esta librería a mano, por defecto esta marcado.
- Role Vendor. Es el rol del vendedor, es decir si tu eliges “editor” sólo los editores pueden crear áreas de reparto y sólo se mostrarán los productos de ese rol.
Personalización
El plugin cuenta con filtros (hooks) para que el plugin sea más personalizable.
1. Modificar el texto antes del mapa y el texto después del mapa. Puede ser también HTML.
|
1 2 3 4 5 6 7 8 9 10 11 |
<?php function go_before_function() { echo '<h2>Este es un texto antes del mapa</h2>'; } add_filter('gowoo_before_maps','go_before_function'); function go_after_function() { echo '<h2>Este es un texto después del mapa</h2>'; } add_filter('gowoo_after_maps','go_after_function'); ?> |
2. Modificar el mensaje si ningún producto es encontrado. Puede ser también HTML
|
1 2 3 4 5 6 |
<?php function go_notfound_function() { echo '<img src="/to/path/image/noencontradojpg" title="noencontradojpg" />'; } add_filter('gowoo_notfound_default','go_notfound_function'); ?> |
Diseño Personalizado
Por defecto los productos son mostrados usando el template de Woocommerce (shop page) y el css depende del theme actual, sin embargo este plugin te permite personalizar esta vista usando un parámetro del shortocode y un hook en tu functions.php
Vamos a generar un nuevo diseño de como mostrar los productos, para este ejemplo será una lista así:
Entonces a continuación lo haremos en 2 pasos:
Paso1. Usar el parámetro en el shortcode
[gowoolocation template="lista"]
Paso2. Como el parámetro se llama “lista” podemos usar el hook “gowoo_template_lista”.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
add_action('gowoo_template_lista', 'gowoo_design_lista',10,1); function gowoo_design_lista($products) { if ( $products->have_posts() ) : ?> <table> <thead> <tr> <th>Product</th> <th>Categories</th> <th>Price</th> <th>Action</th> </tr> </thead> <tbody> <?php while ( $products->have_posts() ) : $products->the_post(); $product = new WC_Product( get_the_ID() ); ?> <tr class="alt-table-row"> <td><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></td> <td><?php echo $product->get_categories( ', ', '<span class="posted_in">', '</span>' ); ?></td> <td><?php echo $product->get_price_html(); ?></td> <td class="product-quantity"> <form action="<?php the_permalink(); ?>" class="cart" method="post" enctype="multipart/form-data"> <input type="hidden" name="quantity" value="1"> <button type="submit" class="single_add_to_cart_button button alt">BUY!</button> </form> </td> </tr> <?php endwhile; ?> </tbody> </table> <?php do_action('woocommerce_after_gowoo_loop'); else : _e( 'No products found which match your selection.', 'woocommerce' ); endif; woocommerce_reset_loop(); wp_reset_postdata(); } ?> |
y listo!, podemos verlo funcionando aqui : http://demo.gopymes.pe/woocommerce-golocation-template/
Algunas observaciones
- Sólo puede haber un mapa por cada página, osea un shortcode por cada página.
- Los filters afectan a todos los mapas
-
April 24, 2017 -
April 18, 2017 -
April 14, 2017
-
February 26, 2012
-
October 20, 2013
- Personalizar content-single-product.php en Woocommerce 2.1.XOctober 20, 2013
- Personalizar content-single-product.php en Woocommerce 2.1.XOctober 20, 2013
- Plugin WP para elegir distritos de envío en WoocommerceOctober 20, 2013
- Plugin WP para elegir distritos de envío en WoocommerceOctober 20, 2013
Buscar
Social Media
Warning: file_get_contents(http://graph.facebook.com/224839558274): failed to open stream: HTTP request failed! HTTP/1.1 400 Bad Request in /home/gopymes/blog.gopymes.pe/wp-content/themes/blogmagic/functions/widgets.php on line 451
