Códigos Gratuitos

CSS - Efeito Hover WooCommerce

/* ================================================= */
/* ========== EFEITO HOVER IMAGENS PRODUTOS ========= */
/* ================================================= */

.woocommerce ul.products li.product {
  position: relative;
  overflow: hidden;
}

.woocommerce ul.products li.product a img {
  width: 100%;
  height: auto;
  object-fit: contain;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.woocommerce ul.products li.product .secondary-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.woocommerce ul.products li.product:hover .secondary-image {
  opacity: 1;
  transform: scale(1.05);
}

.woocommerce ul.products li.product:hover img {
  transform: scale(1.05);
}

PHP - Hover WooCommerce Functions.php

// Adiciona a segunda imagem da galeria ao card de produto
add_action('woocommerce_before_shop_loop_item_title', 'mostrar_imagem_secundaria', 11);

function mostrar_imagem_secundaria() {
    global $product;

    $attachment_ids = $product->get_gallery_image_ids();
    if ($attachment_ids && isset($attachment_ids[0])) {
        $secondary_image_id = $attachment_ids[0];
        $secondary_image_url = wp_get_attachment_image_url($secondary_image_id, 'woocommerce_thumbnail');
        echo '<img decoding="async" src="' . esc_url($secondary_image_url) . '" class="secondary-image" alt="">';
    }
}

PHP - Whitelist WooCommerce

// Sistema de Whitelist/Favoritos WooCommerce
add_action('wp_ajax_add_to_whitelist', 'add_to_whitelist_callback');
add_action('wp_ajax_nopriv_add_to_whitelist', 'add_to_whitelist_callback');

function add_to_whitelist_callback() {
    $product_id = intval($_POST['product_id']);
    // Sua lógica de whitelist aqui
    wp_die();
}

PHP - WhatsApp Z-API

// Notificação WhatsApp para pedidos WooCommerce
function send_whatsapp_notification($order_id) {
    $order = wc_get_order($order_id);
    $phone = '5511999999999';
    $message = 'Novo pedido #' . $order_id;
    
    $api_url = 'https://api.z-api.com/instances/SUA_INSTANCE/token/SEU_TOKEN/send-text';
    $data = array(
        'phone' => $phone,
        'message' => $message
    );
    
    wp_remote_post($api_url, array(
        'body' => json_encode($data),
        'headers' => array('Content-Type' => 'application/json')
    ));
}

add_action('woocommerce_new_order', 'send_whatsapp_notification');

HTML/CSS - Esteira Infinita Elementor

<style>
.faixa-segura-container {
    /* MUDE AS CORES DO GRADIENTE AQUI */
    background: linear-gradient(to right, #0629F7, #06F906);
    
    /* PARA COR SÓLIDA: use background: #007bff; */
    width: 100%;
    overflow: hidden;
    padding: 25px 0;
    white-space: nowrap;
}

.faixa-segura-track {
    display: inline-block;
    /* MUDE A VELOCIDADE AQUI - 30s = lento, 10s = rápido */
    animation: faixa-animacao-segura 30s linear infinite;
}

.faixa-segura-track span {
    /* MUDE A FONTE AQUI */
    font-family: 'Montserrat', sans-serif;
    /* MUDE O TAMANHO DO TEXTO AQUI */
    font-size: 3rem;
    color: white;
    text-transform: uppercase;
    /* MUDE O ESPAÇAMENTO ENTRE OS TEXTOS AQUI */
    padding: 0 40px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

@keyframes faixa-animacao-segura {
    from { transform: translateX(0%); }
    to { transform: translateX(-50%); }
}
</style>

<div class="faixa-segura-container">
    <div class="faixa-segura-track">
        <!-- MUDE O TEXTO AQUI - repita quantas vezes quiser -->
        <span>MAIS BRILHO PARA A SUA MARCA ★</span>
        <span>MAIS BRILHO PARA A SUA MARCA ★</span>
        <span>MAIS BRILHO PARA A SUA MARCA ★</span>
        <span>MAIS BRILHO PARA A SUA MARCA ★</span>
        <span>MAIS BRILHO PARA A SUA MARCA ★</span>
        <span>MAIS BRILHO PARA A SUA MARCA ★</span>
        <span>MAIS BRILHO PARA A SUA MARCA ★</span>
        <span>MAIS BRILHO PARA A SUA MARCA ★</span>
    </div>
</div>