Cómo crear códigos cortos de productos vistos recientemente en WooCommerce

Publicado: 2021-05-05

¿Está buscando una manera de mostrar productos vistos recientemente usando un código abreviado? En esta publicación, quiero mostrarle cómo crear código abreviado de productos vistos recientemente en WooCommerce. De forma predeterminada, WooCommerce le permite usar un widget para mostrar la lista de productos que un cliente ha visto recientemente.

Esta solución integrada es muy efectiva y creemos que pronto se convertirá en un bloque de Gutenberg.

Sin embargo, es posible que desee mostrar productos relacionados en una página nueva. Esto significa que necesitas crear un shortcode.

Código abreviado de productos vistos recientemente de WooCommerce

En este breve tutorial, compartiremos cómo puede crear un código abreviado simple para mostrar productos vistos recientemente. Antes de continuar, debe tener en cuenta que esta solución implica el manejo de código.

Si no está familiarizado con el manejo de código, le recomendamos que se comunique con un desarrollador calificado de WordPress para que no arruine su sitio.

También debe crear un tema secundario para que sus cambios no se pierdan durante una actualización.

Veamos cómo puedes lograr esto.

Pasos para agregar código abreviado de productos vistos recientemente

Para crear el código abreviado, aprovecharemos el código abreviado de [productos] existente y "pasaremos" las identificaciones de los productos sin la necesidad de reinventar la rueda.

Alternativamente, puede crear un complemento que registre un código abreviado en un tema. Usaremos este método, ya que es el más fácil.

Debe crear una nueva carpeta con el nombre del complemento.

Si no ve productos recientes, es porque aún necesita tener activo un widget de Productos vistos recientemente. La cookie "woocommerce_recently_viewed" se almacena solo cuando el widget de productos vistos recientemente está en uso.

Los datos más importantes que necesitamos se almacenan en cookies llamadas $_COOKIE['woocommerce_recently_viewed'].

Puede incluir su propio código para rastrear/crear cookies si lo desea:

function custom_track_product_view() {

    if ( ! is_singular( 'product' ) ) {

        return;

    }

    global $post;

    if ( empty( $_COOKIE['woocommerce_recently_viewed'] ) )

        $viewed_products = array();

    else

        $viewed_products = (array) explode( '|', $_COOKIE['woocommerce_recently_viewed'] );

    if ( ! in_array( $post-&gt;ID, $viewed_products ) ) {

        $viewed_products[] = $post-&gt;ID;

    }

    if ( sizeof( $viewed_products ) &gt; 15 ) {

        array_shift( $viewed_products );

    }

    // Store for session only

    wc_setcookie( 'woocommerce_recently_viewed', implode( '|', $viewed_products ) );

}

add_action( 'template_redirect', 'custom_track_product_view', 20 );

Aquí está el código completo para el complemento:


function njengah_woocommerce_recently_viewed_products( $atts, $content = null ) {

// Get shortcode parameters

extract(shortcode_atts(array(

&quot;per_page&quot; =&gt; '5'

), $atts));

// Get WooCommerce Global

global $woocommerce;

// Get recently viewed product cookies data

$viewed_products = ! empty( $_COOKIE['woocommerce_recently_viewed'] ) ? (array) explode( '|', $_COOKIE['woocommerce_recently_viewed'] ) : array();

$viewed_products = array_filter( array_map( 'absint', $viewed_products ) );

// If no data, quit

if ( empty( $viewed_products ) )

return __( 'You have not viewed any product yet!', 'rc_wc_rvp' );

// Create the object

ob_start();

// Get products per page

if( !isset( $per_page ) ? $number = 5 : $number = $per_page )

// Create query arguments array

$query_args = array(

'posts_per_page' =&gt; $number,

'no_found_rows'  =&gt; 1,

'post_status'    =&gt; 'publish',

'post_type'      =&gt; 'product',

'post__in'       =&gt; $viewed_products,

'orderby'        =&gt; 'rand'

);

// Add meta_query to query args

$query_args['meta_query'] = array();

// Check products stock status

$query_args['meta_query'][] = $woocommerce-&gt;query-&gt;stock_status_meta_query();

// Create a new query

$r = new WP_Query($query_args);

// If query return results

if ( $r-&gt;have_posts() ) {

$content = '&lt;ul class=&quot;rc_wc_rvp_product_list_widget&quot;&gt;';

// Start the loop

while ( $r-&gt;have_posts()) {

$r-&gt;the_post();

global $product;

$content .= '&lt;li&gt;

&lt;a href=&quot;' . get_permalink() . '&quot;&gt;

' . ( has_post_thumbnail() ? get_the_post_thumbnail( $r-&gt;post-&gt;ID, 'shop_thumbnail' ) : woocommerce_placeholder_img( 'shop_thumbnail' ) ) . ' ' . get_the_title() . '

&lt;/a&gt; ' . $product-&gt;get_price_html() . '

&lt;/li&gt;';

}

$content .= '&lt;/ul&gt;';

}

// Get clean object

$content .= ob_get_clean();




// Return whole content

return $content;

}

// Register the shortcode

add_shortcode(&quot;woocommerce_recently_viewed_products&quot;, &quot;njengah_woocommerce_recently_viewed_products&quot;);

Después de agregar el código, agregue [woocommerce_recently_viewed_products per_page=”5″] en cualquier página.

Este es el resultado: Salir

Conclusión

En este breve tutorial, hemos compartido cómo puede mostrar productos vistos recientemente usando un código abreviado.

Debe tener cuidado al editar el archivo functions.php porque si comete un error, mostrará un error crítico.

Cómo crear códigos cortos de productos vistos recientemente en WooCommerce

Código abreviado de productos vistos recientemente de WooCommerce

Pasos para agregar código abreviado de productos vistos recientemente

Conclusión

Artículos similares