wordpress + woocommerce

cosmo98

Nuovo Utente
29 Mag 2018
9
0
1
salve, sto realizzando un ecommerce per mia sorella, di base ho installato wordpress con woocommerce e tema storefront che sembra proprio adatto per il mio scopo. Volevo personalizzare alcune cose a mio piacimento, ad esempio volevo togliere quel form di ricerca "cerca prodotti" nell'header, dato che a mio parere è inguardabile e poi ce un altro nella sidebar laterale. Ecco come posso modificare l'html del tema wordpress?
chiaramente ho già individuato l'elemento facendo l'ispeziona della pagina caricata, ma non so proprio dove sostituirlo
confermo.gif

grazie in anticipo a chi saprà aiutarmi.
 

cosmo98

Nuovo Utente
29 Mag 2018
9
0
1
Nel file header.php
avevo già provato ad editare il file "header.php" del tema "storefront" ma non trovo l'elemento interessato.
facendo l'ispeziona l'elemento che voglio togliere è questo:
HTML:
<input type="search" id="woocommerce-product-search-field-0" class="search-field" placeholder="Cerca prodotti…" value="" name="s">
ma nella mia pagina header.php non è presente:
HTML:
<?php
/**
 * The header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="content">
 *
 * @package storefront
 */

?><!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.0">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<?php wp_body_open(); ?>

<?php do_action( 'storefront_before_site' ); ?>

<div id="page" class="hfeed site">
    <?php do_action( 'storefront_before_header' ); ?>

    <header id="masthead" class="site-header" role="banner" style="<?php storefront_header_styles(); ?>">

        <?php
        /**
         * Functions hooked into storefront_header action
         *
         * @hooked storefront_header_container                 - 0
         * @hooked storefront_skip_links                       - 5
         * @hooked storefront_social_icons                     - 10
         * @hooked storefront_site_branding                    - 20
         * @hooked storefront_secondary_navigation             - 30
         * @hooked storefront_product_search                   - 40
         * @hooked storefront_header_container_close           - 41
         * @hooked storefront_primary_navigation_wrapper       - 42
         * @hooked storefront_primary_navigation               - 50
         * @hooked storefront_header_cart                      - 60
         * @hooked storefront_primary_navigation_wrapper_close - 68
         */
        do_action( 'storefront_header' );
        ?>

    </header><!-- #masthead -->

    <?php
    /**
     * Functions hooked in to storefront_before_content
     *
     * @hooked storefront_header_widget_region - 10
     * @hooked woocommerce_breadcrumb - 10
     */
    do_action( 'storefront_before_content' );
    ?>

    <div id="content" class="site-content" tabindex="-1">
        <div class="col-full">

        <?php
        do_action( 'storefront_content_top' );
Sarà che viene richiamato da una funzione integrata di wordpress? Se si quale?
Grazie in anticipo
 

eugenanye

Nuovo Utente
12 Nov 2020
2
0
1
salve, sto realizzando un ecommerce per mia sorella, di base ho installato wordpress con woocommerce e tema storefront che sembra proprio adatto per il mio scopo. Volevo personalizzare alcune cose a mio piacimento, ad esempio volevo togliere quel form di ricerca "cerca prodotti" nell'header, dato che a mio parere è inguardabile e poi ce un altro nella sidebar laterale. Ecco come posso modificare l'html del tema wordpress?
chiaramente ho già individuato l'elemento facendo l'ispeziona della pagina caricata, ma non so proprio dove sostituirlo
confermo.gif

grazie in anticipo a chi saprà aiutarmi. png to ico
nessun consiglio o commento ?
 

brunotech

Nuovo Utente
30 Nov 2020
6
0
1
Ciao, se devi solo non far apparire quell'elemento la soluzione più semplice è usare un comando CSS per nasconderlo. Usa questo:

#woocommerce-product-search-field-0 {
display:hidden!important;
}

Se non funziona con l'ID può essere che tu debba usare la class search-field. In quel caso usa questo:

.search-field {
display:hidden!important;
}

Per quanto riguarda il dove scrivere il comando, ti rimando a questa guida su come inserire CSS personalizzato in WordPress.

Comunque, se per qualche motivo ti ritrovi a dover modificare i file del tema (quindi a modificare html) ricorda che se personalizzi i file del tema, perderai le modifiche al primo aggiornamento del tema. Per evitare ciò devi creare un cosiddetto tema child (che è una specie di copia del tema originale, nel tuo caso StoreFront) e fare le modifiche sui file del tema child (ossia del tema "copia"). Ti rimando a seguire questa guida apposita su come creare un tema child per Wordpress prima di fare le modifiche.

Infine, se può esserti utile, puoi controllare questo articolo che consiglia un plugin che aiuta a trovare i file da modificare nel tuo tema WordPress.

Spero di esserti stato utile.

Ciao.
 
Discussioni simili
Autore Titolo Forum Risposte Data
Z Cerco ecommerce gratuito meglio se realizzato con Woocommerce di Wordpress. E-Commerce 0
felino [Wordpress][WooCommerce] Ripristino ordini da file .sql WordPress 0
W [WordPress] [WooCommerce] Non trovo più la Tab Visulizzazione dei Prodotti in questo nuovo Plugin WordPress 2
P [WordPress] B2B stampa abbigliamento - plugin woocommerce? WordPress 2
F [WordPress] Plugin Ricerca per e-commerce Woocommerce WordPress 1
felino Risolto - [Wordpress][WooCommerce] PayPal Checkout e campi di fatturazione WordPress 2
Web93 Creazione spedizione a pezzo - sito wordpress woocommerce WordPress 2
L Plugin per Woocommerce WordPress E-Commerce 2
felino [WordPress] WooCommerce + SSL: qual e' la procedura corretta? WordPress 4
felino [WordPress] [WooCommerce] Ordine: aggiungere nuovi stati con notifica email al cliente WordPress 4
felino [Wordpress][WooCommerce] PayPal: nessun notifica email dopo il pagamento WordPress 1
webmachine [WOOCOMMERCE][WORDPRESS] Campi CheckOut PRE-COMPILATI E-Commerce 0
X Wordpress woocommerce non compare pulsante acquista prodotto WordPress 1
mozes01 [WordPress] [HTML] Woocommerce shop personalizzato WordPress 7
felino [WordPress] [Woocommerce] Ritiro in zona: includere servizio aggiuntivo optional WordPress 0
felino [WordPress] [Woocommerce] Aggiungere un costo addizionale per prodotto WordPress 0
webmachine [WOOCOMMERCE][WORDPRESS] Cambiare testo pulsante Acquista E-Commerce 0
webmachine [WordPress] [WOOCOMMERCE] Varianti prodotti non disponibili WordPress 1
W Wordpress + woocommerce rimuovere pacchetto prodotti dal conteggio del carrello WordPress 0
V [WordPress] Woocommerce problemi con le immagini WordPress 3
X [Wordpress- Woocommerce] Problema con numero prodotti variabili WordPress 2
glm2006ITALY Guida Il proprio sito WordPress è professionale? WordPress 0
R Plugin di base per WordPress WordPress 0
felino [Wordpress] Gallery con foto selezionabili dall'utente WordPress 0
Lino80 [Retribuito] Cerco programmatore php per modifica/inserimento funzione/valori da un plugin importer wordpress Offerte e Richieste di Lavoro e/o Collaborazione 0
R Dubbi su siti sviluppati con Wordpress e con codice WordPress 6
peppe0703 Come Estrarre dati da db wordpress e richiamarli in html esterno HTML e CSS 0
A WordPress e immagini Hosting 0
comunic_hiara Meglio Wordpress o Shopify? Guadagnare col Sito 1
S Sito Wordpress creato in localhost PHP 1
D Come estendere la tariffa per Wordpress con Visa? Hosting 1
J Devo scegliere Wordpress o Wix o Hostinger? Hosting 0
S Cerco Programmatore wordpress Offerte e Richieste di Lavoro e/o Collaborazione 0
Shyson Wordpress conta più messaggi di quelli che ci sono WordPress 1
S WORDPRESS NON FA INSTALLARE PIU NULLA WordPress 9
D Pagina non trovata Wordpress WordPress 7
Gabriele Visioli Differenza tra hosting e hosting WordPress Hosting 4
J Inserire blog wordpress in angular CMS (Content Management System) 0
H Hosting per Wordpress 2020 Hosting 5
S [Vendo] Sito Wordpress Altri Annunci 0
S [Vendo] PopcornTime Wordpress Clone Altri Annunci 0
P HTML integrazione wordpress HTML e CSS 0
Shyson Spostare filtro php di WordPress WordPress 0
Web93 CREARE SITO WEB COMICS CON WORDPRESS WordPress 0
A Cornici immagini per sito Web Wordpress WordPress 1
G sito wordpress da remoto a locale con xampp WordPress 2
atipika INSERIRE ICONE DOWNLOAD E STAMPA WORDPRESS WordPress 10
R Richiesta per sviluppo plugin Wordpress Offerte e Richieste di Lavoro e/o Collaborazione 9
gandalf1959 ricercare porzioni di codice da sito gestito con WordPress WordPress 11
L [CERCO] Creare blog su WordPress con tema Divi Offerte e Richieste di Lavoro e/o Collaborazione 3

Discussioni simili