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.
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.
El plugin cuenta con un panel simple y sencillo.
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'); ?> |
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/
Suscribete y tendrás los más recientes posts en tu email
Buenas tardes, tengo mi plantilla de ecommerce comprada pero deseo agregarle un localizador a mi tienda para saber la ubicacion del producto que deseo mas cercano, ese plugin le dara a mi plantilla?
Hola Alejandro.
Este plugin toma la ubicación del usuario y si cae dentro del área de reparto que dibujaste previamente, pues recién aparece el producto para que pueda comprarlo.
La plantilla se puede construir usando el hook “gowoo_template_{{nom_lista}}”, eso depende de tus conocimientos de HTML y CSS.
Por otro lado, ahora Google Maps te pide más condiciones para la API de su Google Maps.
Y para una mejor geolocalización ahora se debe usar https.
Saludos