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
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
J Inserire blog wordpress in angular Content Management System (CMS) 0
H Hosting per Wordpress 2020 Hosting 5
S [Vendo] Sito Wordpress 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
M [Wordpress] Slider Revolution automatic link WordPress 0
felino [Wordpress] Modifica main color del template WordPress 8
felino [Wordpress] Sito web con codice malevolo WordPress 7
felino [Wordpress] Title dinamico per pagina WordPress 0
C Offro Installazione Wordpress Gratis! + Template Offerte e Richieste di Lavoro e/o Collaborazione 0
ecosito [WordPress] Polylang sballa il tema Avada WordPress 1
michele81 [WordPress] problemi plug meteo api key WordPress 4
M [WordPress] Redirect 301 WordPress 2
O Cerco grafico per sito wordpress Offerte e Richieste di Lavoro e/o Collaborazione 3
P [WordPress] Installazione plug in fallita WordPress 0
B [WordPress] Consigli per sito b&b WordPress 1
A [WordPress] Recuperare testo articoli da sito danneggiato WordPress 1
A [WordPress] Errore Plugin WordPress 0
P [WordPress] Messaggio di errore in file style.css WordPress 0
Y Esportare attributi taglia e colore fa Wordpress a Facebook E-Commerce 5
D [WordPress] Link eliminati ancora presenti nel database, è possibile? WordPress 0
Web93 PROBLEMA SITO WEB WORDPRESS - LOGIN DASHBOARD Programmazione 3
L [WordPress] Ridefinire l'url WordPress 2

Discussioni simili