Categoría: Programación

Convertir a modo catalogo woocommerce

Copiar en el fichero funtions.php (recomendable en un tema hijo)

// CONVIERTE EL WOOCOMMERCE EN MODO CATALOGO
// ELIMINA LOS BOTONES DE COMPRA
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
remove_action( 'woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30 );
remove_action( 'woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30 );

CSS

Solución al problema de los enlaces de ancla con un header fijo

a[name] {
    display: block;
    padding-top:70px;
    margin-top:-70px;
}

CSS

Como utilizar valores negativos en variables CSS

Desde Marzo de 2018, la única forma de usar variables personalizadas negativas es multiplicándolas por -1 con la función calc.

:root{--Variable: 60px}
.class {margin-bottom: calc(var(--Variable) * -1)}

Prestashop

Como eliminar la categoría de inicio de todos los productos

En phpMyAdmin o en tu gestor de SQL, ejecutar la siguiente SQL

DELETE FROM 'ps_category_product' WHERE 'id_category' = 2;

Cambie ps_ por el prefijo de su base de datos, si es necesario.

CSS

Que se puede hacer con CSS en 2021

Checkbox personalizado usando HTML y CSS.

Programación

Direcciones IP desde las que se envían las IPN de Paypal

66.211.170.66
173.0.81.1
173.0.81.0/24
173.0.81.33
173.0.81.65
173.0.81.140
64.4.240.0/21
64.4.248.0/22
66.211.168.0/22
173.0.80.0/20
91.243.72.0/23

CSS

Recortar una imagen en forma de corazón con css

.corazon{
width:250px;
height:250px;
object-fit:cover;
clip-path: path('M213.1,6.7c-32.4-14.4-73.7,0-88.1,30.6C110.6,4.9,67.5-9.5,36.9,6.7C2.8,22.9-13.4,62.4,13.5,110.9 C33.3,145.1,67.5,170.3,125,217c59.3-46.7,93.5-71.9,111.5-106.1C263.4,64.2,247.2,22.9,213.1,6.7z');
margin:0 
}

CSS

Botones Animados

BOTON 1

<style>
  #boton1{background:#cd2653;height:50px;width:150px;border:none;color:#eee;position:relative;transition:1s;display:flex;align-items:center;justify-content:center;cursor:pointer}
  #boton1 #circle{width:5px;height:5px;background:transparent;border-radius:50%;position:absolute;top:0;left:50%;overflow:hidden;transition:500ms}
  #boton1:hover{background:#000}
  #boton1:hover #circle{height:50px;width:150px;left:0;border-radius:0;border-bottom:2px solid #cd2653}
</style>
<div id="boton1">BOTON 1<div id="circle"></div></div>