WordPress Plugin GoLocation para Woocommerce

Alexander

July 27, 2015
0 Comments

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).

golocation-blog1

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.

golocation-blog2

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.

golocation-blog3

Administrar el plugin.

El plugin cuenta con un panel simple y sencillo.

golocation-blog4

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.

gowoo-filter1

<?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');
?>

<?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

gowoo_filter2

<?php
function go_notfound_function() {
	echo '<img src="/to/path/image/noencontradojpg" title="noencontradojpg" />';
}
add_filter('gowoo_notfound_default','go_notfound_function');
?>

<?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í:

gowoo_template_menu1

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”.

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();
}
?>

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() ); ?>

<td><?php echo $product->get_categories( ', ', '<span class="posted_in">', '</span>' ); ?></td>

<td><?php echo $product->get_price_html(); ?></td>

<form action="<?php the_permalink(); ?>" class="cart" method="post" enctype="multipart/form-data">

</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

Comprar Plugin

Ver Demo

Documentación

WordPress Plugin GoLocation para Woocommerce

Explicado mejor.

Administrar el plugin.

Personalización

Diseño Personalizado

Algunas observaciones

Alexander

Leave a Reply Cancel reply

Buscar

Social Media

Suscribete

Publicidad

Tweets

WordPress Plugin GoLocation para Woocommerce

Explicado mejor.

Administrar el plugin.

Personalización

Diseño Personalizado

Algunas observaciones

Alexander

Related Posts

Leave a Reply Cancel reply

Buscar

Social Media

Suscribete

Publicidad

Tweets