Avisos
Vaciar todo

Modificar catalogo en WooCommerce  

Página 1 / 2
 
Desguace
 Desguace
Usuario eminente

Hola buenas tardes.
Estoy incorporando productos a mi pagina de Wordpress con WooCommerce, pero tengo alguna duda:
Me gustaria saber como cambiar el tamaño de las imagenes y el numero a mostrar, y la forma de mostrarlo, ya que me gustaria que estuviese como si fuera una lista, o customizarlo a mi gusto.
Si conoceis de algun plugin o algo con el que pueda realizar estas cositas os estaria muy agradecido tambien

Muchas gracias de antemano

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 06/05/2016 6:06 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

En que parte de tu web específicamente quieres cambiar el número de imágenes? indícanos a través de una captura de pantalla.

Te lo comenta ya que algunas partes son parte del theme que usas y otras posiblemente de un plugin

Saludos.

ResponderCitar
Respondido : 06/05/2016 9:02 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Desguace
 Desguace
Usuario eminente

Pues basicamente es en toda la tienda.
te paso el enlace para que le eches un vistazo:

http://www.desguaceselpollo.com/tienda

Me gustaria disponer las imagenes mas pequeñas, quizas poner listas....no se coomo hacer eso...

ResponderCitar
Respondido : 10/05/2016 2:06 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para hacer las imagenes más pequeñas podrías evaluar mostrar más imagenes por fila, revisa :
https://docs.woothemes.com/document/change-number-of-products-per-row/

Tendrias que agregar un código en el archivo functions.php de tu theme, según el link y para tu caso particular sería 5 productos por fila, es decir el código que debes agregar al final del archivo /wp-content/themes/encelado_wp/functions.php sería:

add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
	function loop_columns() {
		return 5;
	}
}

Luego para que se muestren las columnas por CSS puedes usar el siguente código CSS, este código tienes que colocarlo en un archivo CSS, puesto que posiblemente se requiera más modificaciones CSS, mejor guardarlas en un archivo personalizado, revisa :

https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
	margin:5px;
	width:18%;
}

Saludos.

ResponderCitar
Respondido : 10/05/2016 6:30 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Desguace
 Desguace
Usuario eminente

Gracias, esto esta solucionado, ya he conseguido que las imagenes aparezcan mas pequeñas, pero siguen mostrando cuatro columnas:

www.desguaceselpollo.com/tienda

para que veas como queda...

Otra cosita. Si quisiera, en vez de que salga asi, como imagenes, que saliese de otra forma: listas, etc..Como deberia proceder?

ResponderCitar
Respondido : 11/05/2016 2:40 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Veo que has cambiado el código CSS, pero has agregado también el código PHP en tu archivo functions.php?, ya que es este código el que te define la estructura html para las columnas

add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
	function loop_columns() {
		return 5;
	}
}

Por otro lado si quieres mostrar los productos en una lista, podrías evaluar un plugin, revisa :
http://codecanyon.net/item/woocommerce-product-listing/5222089

Saludos.

ResponderCitar
Respondido : 11/05/2016 7:19 pm

Cursos Gratuitos WordPress

Desguace
 Desguace
Usuario eminente

Pongo esto en functions.php y no se modifica nada eh... no se que pasara..

ResponderCitar
Respondido : 18/05/2016 12:50 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.
Edita el archivo ' functions.php ' de tu plantilla y añade esto al final del archivo

// Change thumbs on the single page to 5 per column
add_filter( 'woocommerce_product_thumbnails_columns', 'woocommerce_custom_product_thumbnails_columns' );
if (!function_exists('woocommerce_custom_product_thumbnails_columns')) {
function woocommerce_custom_product_thumbnails_columns() {
return 5;
}
}
 
// Change number or products per row to 4
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 5;
}
}

Recuerda lo de las imágenes que igual tienes que cambiar el tamaño para que se vea bien.

Nota: Recuerda realizar una copia del archivo antes de cualquier modificación, solo con un copia y pega en el block de notas tendrás suficiente para dejarlo como estaba anteriormente.

Un saludo

ResponderCitar
Respondido : 18/05/2016 1:30 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Desguace
 Desguace
Usuario eminente

Nada, no se pone el numero de columnas que le pongo añadiendo estas cosas, estoy ya desesperado con esto vamos...

ResponderCitar
Respondido : 18/05/2016 2:02 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.
Que versión de wordpress y woocommerce tienes?
Adicionalmente revisa este plugin por si fuera lo que buscas
WooCommerce Product Archive Customiser

un saludo

ResponderCitar
Respondido : 18/05/2016 2:47 pm

Desguace
 Desguace
Usuario eminente

Wordpress 4.5
Woocommerce 4.5.2

El plugin ese lo probé, pero no me aparecia el Widget y lo desinstalé....

ResponderCitar
Respondido : 18/05/2016 7:27 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Es muy probable que hayas puesto mal el código php en el archivo functions.php
Este archivo puede contener html y php mezclado, este código de cambio es código PHP tendría que empezar con <?php o en caso ya tengas una etiqueta abierta continuarla

Envía una captura de pantalla de la modificación en donde se pueda ver todo el código o mejor envía el archivo functions.php que tienes, puedes comprimiro en un .zip y adjuntaro o subirlo a dropbox y enviarnos el enlace

Saludos.

ResponderCitar
Respondido : 18/05/2016 8:27 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Desguace
 Desguace
Usuario eminente

Te lo escribo aqui para que lo veas:

<?php
/**
* @version 4.0.8 October 3, 2013
* @author Webempresa https://www.webempresa.com
* @copyright Copyright (C) 2013 Webempresa
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
*/

/**
* Check to see if Gantry is Active
*
* @return bool
*/
function gantry_theme_is_gantry_active()
{
$active = false;
$active_plugins = get_option( 'active_plugins' );
if ( in_array( 'gantry/gantry.php', $active_plugins ) ) {
$active = true;
}
if ( !function_exists( 'is_plugin_active_for_network' ) )
require_once( ABSPATH . '/wp-admin/includes/plugin.php' );
if ( is_plugin_active_for_network( 'gantry/gantry.php' ) ) {
$active = true;
}
return $active;
}

/**
* @return void
*/
function gantry_admin_missing_nag()
{
$msg = __( 'The active theme requires the Gantry Framework Plugin to be installed and active' );
echo "

$msg

";
}

/**
* @return void
*/
function gantry_missing_nag()
{
echo 'This theme requires the Gantry Framework Plugin to be installed and active.';
die(0);
}

if ( !gantry_theme_is_gantry_active() ) {
if ( !is_admin() ) {
add_filter( 'template_include', 'gantry_missing_nag', -10, 0 );
}
else {
add_action( 'admin_notices', 'gantry_admin_missing_nag' );
}
}

// This will always set the Posts Per Page option to 1 to fix the WordPress bug
// when the pagination would return 404 page. To set the number of posts shown
// on the blog page please use the field under Theme Settings > Content > Blog > Post Count
function gantry_posts_per_page() {
if( get_option( 'posts_per_page' ) != '10' ) update_option( 'posts_per_page', '10' );
}

add_action( 'init', 'gantry_posts_per_page' );

/**
* Function to generate post pagination
*/
function gantry_pagination($custom_query) {
global $gantry;

if ( !$current_page = get_query_var( 'paged' ) ) $current_page = 1;

$permalinks = get_option( 'permalink_structure' );
if( is_front_page() ) {
$format = empty( $permalinks ) ? '?paged=%#%' : 'page/%#%/';
} else {
$format = empty( $permalinks ) || is_search() ? '&paged=%#%' : 'page/%#%/';
}

$big = 999999999; // need an unlikely integer

$pagination = paginate_links( array(
'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
'format' => $format,
'current' => $current_page,
'total' => $custom_query->max_num_pages,
'mid_size' => $gantry->get( 'pagination-count', '8' ),
'type' => 'list',
'next_text' => _r( 'Next' ),
'prev_text' => _r( 'Previous' )
) );

$pagination = explode( "n", $pagination );
$pagination_mod = array();

foreach ( $pagination as $item ) {
( preg_match( '/

    /i', $item ) ) ? $item = str_replace( '

      ', '

        ', $item ) : $item;
        ( preg_match( '/class="prev/i', $item ) ) ? $item = str_replace( '<li', '<li class="pagination-prev"', $item ) : $item;
        ( preg_match( '/class="next/i', $item ) ) ? $item = str_replace( '<li', '

      • // Change thumbs on the single page to 5 per column
        add_filter( 'woocommerce_product_thumbnails_columns', 'woocommerce_custom_product_thumbnails_columns' );
        if (!function_exists('woocommerce_custom_product_thumbnails_columns')) {
        function woocommerce_custom_product_thumbnails_columns() {
        return 6;
        }
        }

        // Change number or products per row to 4
        add_filter('loop_shop_columns', 'loop_columns');
        if (!function_exists('loop_columns')) {
        function loop_columns() {
        return 6;
        }
        }

        <?php }

        ResponderCitar
Respondido : 19/05/2016 11:57 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.
Renombra el archivo ' functions.php ' a ' functions_bak.php ', descomprime el archivo que te adjunto, este archivo sustituye al anterior ' functions.php ' que renombramos primero para no perderlo.

Un saludo

ResponderCitar
Respondido : 19/05/2016 12:28 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Desguace
 Desguace
Usuario eminente

Sigue sin hacerme nada...

ResponderCitar
Respondido : 19/05/2016 1:30 pm
Página 1 / 2