-
Posts
-
Hola amigos, nuevamente aquí dando lata, pero tengo una clienta que me la da a mi y como!!! ufffff!!
Bien, por un lado necesito saber si hay alguna forma de que cuando se utilizan los filtros en el portfolio la parte de “abajo” no suba….al haber quizás pocos ítems en determinada categoría….
Por otro lado en la visualización de los productos en el portfolio hay a la derecha e izquierda “botones” remiten al siguiente o anterior producto, qué código debo cambiar para que quede en blanco la solapa que se abre con un borde negro y negro el texto!!! ufffff!!
Y por último saber si hay alguna forma de modificar la estructura sin hacer daño de la visualización de los productos de woocommerce y la modificación de los estilo desde donde se hace porque debo colocar el botón blanco, con borde negro y letra negra por lógica. Y que la imagen se vea un poco mas grande mas allá del Lightbox.
Apreciaré la ayuda porque con esto termino este trabajo y ya no soportar mas a esta clienta! ajajajajaaj!!! perdón!!
Saludos y espero pronta respuesta!!! gracias
Hola,
Supongo que se trata de esta pagina.
1. Quieres cambiar la animación cuando se filtran los portfolios? honestamente no creo que eso sea posible.
2. Prueba con este código:
#top .avia-post-nav { background: whitesmoke !important; } #top .avia-post-nav * { color: gray; }3. Te refieres a este boton? prueba con esto:
.cart .button { background: white !important; color: #333 !important; border: 1px solid !important; }Saludos,
JosueJosue eso funcionará, me refiero al código CSS también para los botones laterales del portfolio? cual sería la clase a cambiar en ese caso..
Y respecto a lo último que pregunté donde debo manipular para modificar la estructura de la página de producto.
Muchas gracias por tu ayuda.
Ya observé y logré cambiar los colores de los botones gracias!!!!
Sólo me resta saber donde tengo que ir para poder remodificar un poco la estructura de la página de productos por que esta chica tiene cuadros y casi no tiene info para los mismos y quiero ver como hacer para que la linea del footer no quede tan arriba. Acá te envío el link para que me comprendas.
http://www.carrazart.com/product/twenty-six/
Cuando intento desde el cuadro de descripción colocar el espaciador me aparece el cuadro de “product description” como puede evitar eso, siempre de la misma página y para evitar que el socket o footer suba tanto y se mire mal.
Si funcionó correctamente. Sólo me queda una cosa por resolver porque sinceramente mi clienta me estoy volviendo loco y es el tamaño de la imagen, que ella pretende se mire mucho mas grande, más allá de lightbox, ya con eso resolvería lo último en este asunto. Espero puedas ayudarme como hasta ahora. Ya con eso quedaría todo como pretende esta mujer!! Gracias
Hola,
Para eso tendrías que cambiar las columnas del single-product template, acá hay un articulo que explica eso en detalle:
http://kriesi.at/documentation/enfold/change-woocommerce-single-product-page-layout/Saludos,
JosueLa verdad ví el artículo pero no entendí nada jajaaj!! mi pregunta es que modifico de ese código y en que página o donde!! para lograr aumentar el tamaño de la imagen sin que se descuadre la página!!! lo que lamento es que es lo único que me queda por resolver!!!
Añade este código al archivo functions.php del theme / child theme:
add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2); add_action( 'woocommerce_before_single_product_summary', 'avia_close_image_div', 20); function avia_add_image_div() { echo "<div class='six units single-product-main-image alpha'>"; } function avia_close_image_div() { global $avia_config; $avia_config['currently_viewing'] = "shop_single"; echo "</div>"; } add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25); add_action( 'woocommerce_after_single_product_summary', 'avia_close_summary_div', 3); function avia_add_summary_div() { echo "<div class='six units single-product-summary'>"; } function avia_close_summary_div() { echo "</div>"; }Eso hará que el sumario de producto y el thumbnail en la vista de producto individual sean de 6 columnas cada una, eso lo puedes modificar en el mismo código (busca las dos veces en las que se menciona “six”).
Bien voy entendiendo, mas claramente, entonces para quitarme totalmente la duda, y finalizar este post, el código lo puedo insertar al final de function.php ? o en algún determinado?
Para lograr el cometido de la imagen grande debería cambiar “six for two” por ejemplo?
Ya con que me respondas eso listo! tendría todas mis dudas disipadas y realmente debo agradecerte la ayuda y claridad de la misma!!!
Sos un maestro realmente!!Puedes ponerlo en el functions.php del theme pero te recomendaria mantenerlo separado del theme original (para evitar sobreescritura cuando se actualice), puedes lograr esto via child theme o con este plugin.
Sobre el código, el primer six se refiere a la columna del thumbnail, y el segundo al del texto (la grilla es de 12), por ej si quieres aumentar mas el thumbnail, lo cambiarias a 8 y el segundo a 4:
add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2); add_action( 'woocommerce_before_single_product_summary', 'avia_close_image_div', 20); function avia_add_image_div() { echo "<div class='eight units single-product-main-image alpha'>"; } function avia_close_image_div() { global $avia_config; $avia_config['currently_viewing'] = "shop_single"; echo "</div>"; } add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25); add_action( 'woocommerce_after_single_product_summary', 'avia_close_summary_div', 3); function avia_add_summary_div() { echo "<div class='four units single-product-summary'>"; } function avia_close_summary_div() { echo "</div>"; }No, yo lo pondré en el function.php del child theme por supuesto e igual instalaré el plugin espero saber usarlo me imagino que existe por defecto en el tema.
Igual tu ayuda ha sido maravillosa te agradezco mucho y cualquier problema que tenga con esto a futuro, que espero que no, te lo haré saber!!
Abrazo Josue!
MI querido Josue, he buscado el child theme pero no lo ecuentro? viene con Enfold? tiene alguna ubicación especial? o directamente utilizo el plugin? disculpame que te vuelva a molestar pero me vuelve loco esta mujer al igual que en la página principal del shop hay alguna forma de que se miren mas grande los productos? pido disculpas de nuevo!! gracias
Hola,
En este caso lo mas conveniente seria usar el plugin que te mencione.
El child theme utilízalo para nuevos proyectos, lo puedes bajar desde aquí:
http://kriesi.at/documentation/enfold/downloads/Saludos,
JosueUtilicé el plugin y me salió este mensaje, no se que hice mal
Fatal error: Cannot redeclare avia_add_image_div() (previously declared in /home/tiviroli1/public_html/wp-content/themes/enfold/config-woocommerce/config.php:932) in /home/tiviroli1/public_html/wp-content/plugins/functions.php on line 18
Es decir instalé el plugin y dentro del editor puse el código que me enviaste y luego pufffff!! no se que sucedió………
Creo que eso es porque ya habias puesto el codigo una vez en algun archivo del theme, lo tienes que revertir via FTP, si me das cuenta temporal lo podria hacer yo.
Creo que ya estamos:
http://www.carrazart.com/product/twenty-six/No solo que quedó bien sino que espectacular!!!!! tal cual! solo me restaría preguntarte cual la clase o # para cambiar la font y su color en el producto. Porque ya se quejó de eso esta mujer…
Juro no trabajar mas con mujeres!!!
Desde ya amigo, muchas gracias, me faltan palabras para agredecerte y seguiré adquiriendo vuestros temas, con tal apoyo, vale la pena!!Que parte del texto quieres que cambiar exactamente? prueba con estos codigos:
.summary p{ color: blue; } .summay .price{ color: green; } .summary .product_title { color: red; }Si funciona!!!!! me imagino que ahí mismo puedo cambiar fuente y tamaño y demás verdad? y última pregunta seriamente, la palabra Shop me va a pedir que la quite como título, que debo hacer? y disculpa la lata que te he dado!!
Lo único que no puedo modificar, no se si será con lo que me diste, es el tamaño, fuente y estilo del titulo cuando entras al producto!!! eso es lo que me está faltando y con eso queda todo redondo!!
Utiliza font-family y font-size para cambiar eso:
.summary p{ color: blue; font-size: 12px; } .summay .price{ color: green; font-family: "Arial"; } .summary .product_title { color: red; font-size: 24px; }Ahí va queriendo de primera!!! solo no me cambia el color del precio en la página del producto….!!!! por lo demás todo bien!
Si algo no funciona añadele !important a la propiedad:
.price { color: gray !important; font-family: "Gothic"; font-size: 12px; }
- The topic ‘Problemas generales de estilo y estructura’ is closed to new replies.