Listado de Codigos para tu Pagina web

Muchas veces me pasa que las funcionalidades que tiene un tema un pluging o constructor no permite realizar la función que se necesita y por ello se require de algún codigo especial, Javascript o similar.

Acordeos de Elementor Pro Cerrado

Si usas el elemento de acordeon dentro de elementor te daras cuenta quie por defeto lo pone abierto…  algo que a veces no es necesario.. Queremos que por defecto el acordeon aparezca cerrado y que al pulsar el usario en el texto se abra.

Primero debemos de Añadir encima del bloque leer mas el siguiente script ( Es un jquery que no me gusta nada pero es lo que hay…)

<script>
jQuery(document).ready(function($) {
var delay = 100; setTimeout(function() {
$(‘.elementor-tab-title’).removeClass(‘elementor-active’);
$(‘.elementor-tab-content’).css(‘display’, ‘none’); }, delay);
});
</script>

*) Ojo meter el codigo tal cual .. en linea.. que se vea que coja el formato sino te va a dar problemas.

Añadimos un widget (html y metemos el codigo y un acordeon abajo con el texto que necesitemos)

Actualizar la version de php en un hosting con varias paginas web

Normalmente los hosting «Buenos» permite actualizar la version de php en cada uno de los donios/Subdirectorios.. osea yo tengo 4 web dentro de mi hosting pero quiero tener una con la version 8 de php uy el resto con la 7.4…

Para ello debemos de añadir en el fichero .htaccess la siguiente linea..  ( cambiando 74 por la version que se necesite.. )

AddHandler application/x-httpd-alt-php74___lsphp .php

Ten en cuenta que en la regla anteriormente facilitada puedes modificar el «74» por la versión de PHP que desees configurar para esa web.

Como comprobar que se ha realizado correctamente.. Revisa tu hosting muchas veces tienen ese aparatdo en el cpanel o plesk .. sino tendras que hacer los siguiente.. vete a tu directorio ftp crear un archivo tipo info.php y le metes esta linea de codigo

<?php
phpinfo();
?>

Luego llamas a ese archivo desde el navegador: Ej: tupaginaweb.com/info.php

contenido mixto

Normalmente uso plugins para ello ( ver post mejores plugins wordpress) . nunca me ha hecho falta probarlo pero para la proxima lo pruebo 😉

<ifModule mod_headers.c>
Header always set Content-Security-Policy «upgrade-insecure-requests;»
</IfModule>

Imagenes de fondo en articulos se repiten Elementor

Me pasa en todas las web, no se porque .. aunque lo cambien en elemntor pro y lo modifique no me lo permite.. las imagenes de fondo se repiten en horizontal, creo que es algo del theme (Astra), el tipo de capa de fondo que pongo… o de algunas versiones.. no se. Al final tengo que añadir casi siempre este codigo.

.elementor-background-overlay {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

Campos Obligatorios Checkout de Woocomerce

Tienes una tienda online el cliente elige el pedido y añade sus datos de facturacion… esos datos de facturacion son personalizable ( puedes quitar y poner )  los que necesites (Ver los mejores plugin de woocomerce en otro articulo), el tema es que al cambiarlos .. o similar puedes necesitar que un campo sea obligatorio o no… por ejemplo ciudad o codigo postal no quiero que sea obligatorio. COmo lo hacemos?

Debemos de añadir el siguiente codigo en el archivo funtion.php

/** Otros campos de facturación  true = obligatorio - false = opcional*/
add_filter( 'woocommerce_default_address_fields', 'personalizar_campos_extra', 1000, 1 );
function personalizar_campos_extra( $address_fields ) {
$address_fields['company']['required'] = false; //Empresa
$address_fields['address_1']['required'] = false; //Dirección
$address_fields['country']['required'] = false; //País
$address_fields['city']['required'] = true; //Ciudad
$address_fields['state']['required'] = false; //Provincia
$address_fields['postcode']['required'] = false; //Código postal
return $address_fields;
}

Si te ha gustado este articulo, te he ayudado o tienes alguna duda escribeme en los comentarios. Me ayudaría mucho a seguir creciendo.

GRACIAS

Share on facebook
Facebook
Share on whatsapp
WhatsApp
Share on email
Email
Share on twitter
Twitter
Share on linkedin
LinkedIn

Articulos relacionados

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *