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
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.
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...
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.
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?
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.
Pongo esto en functions.php y no se modifica nada eh... no se que pasara..
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
Nada, no se pone el numero de columnas que le pongo añadiendo estas cosas, estoy ya desesperado con esto vamos...
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
Wordpress 4.5
Woocommerce 4.5.2
El plugin ese lo probé, pero no me aparecia el Widget y lo desinstalé....
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.
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 "
";
}
/**
* @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( '/
get( 'pagination-show-results', '1' ) ) : ?>
max_num_pages ); ?>
// 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 }
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
Sigue sin hacerme nada...