Support » Allgemeine Fragen » Kann ich ein Produkt-Suchfeld in den Headerbereich von Astra einfügen?

  • Gelöst gesundegeschenke

    (@gesundegeschenke)


    Hallo,

    ich habe von shoppingcart auf astra gewechselt. Meinen Shop betreibe ich mit woocommerce. Dieser hat auch ein Widget für Produktsuche. Allerdings kann ich das jetzt nur noch in der Sidebar einsetzen. War vorher im Header.

    Gibt es eine Möglichkeit, die Produktsuche im Headerbereich von astra einzusetzen?

    
    ### wp-core ###
    
    version: 6.0.1
    site_language: de_DE
    user_language: de_DE
    timezone: Europe/Berlin
    permalink: /%postname%/
    https_status: true
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 3
    dotorg_communication: true
    
    ### wp-paths-sizes ###
    
    wordpress_path: /home/www/wordpress2
    wordpress_size: loading...
    uploads_path: /home/www/wordpress2/wp-content/uploads
    uploads_size: loading...
    themes_path: /home/www/wordpress2/wp-content/themes
    themes_size: loading...
    plugins_path: /home/www/wordpress2/wp-content/plugins
    plugins_size: loading...
    database_size: loading...
    total_size: loading...
    
    ### wp-dropins (1) ###
    
    advanced-cache.php: true
    
    ### wp-active-theme ###
    
    name: Astra (astra)
    version: 3.9.1
    author: Brainstorm Force
    author_website: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
    parent_theme: none
    theme_features: core-block-patterns, astra_hooks, widgets-block-editor, align-wide, automatic-feed-links, title-tag, post-thumbnails, html5, post-formats, custom-logo, customize-selective-refresh-widgets, editor-style, woocommerce, rank-math-breadcrumbs, amp, infinite-scroll, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, widgets, menus
    theme_path: /home/www/wordpress2/wp-content/themes/astra
    auto_update: Deaktiviert
    
    ### wp-themes-inactive (2) ###
    
    ShoppingCart: version: 1.2.0, author: Theme Freesia, Automatische Aktualisierungen aktiviert
    Twenty Sixteen: version: 2.7, author: WordPress-Team, Automatische Aktualisierungen deaktiviert
    
    ### wp-mu-plugins (1) ###
    
    WP STAGING Optimizer: version: 1.5.1, author: René Hermenau
    
    ### wp-plugins-active (26) ###
    
    Auto Image Attributes From Filename With Bulk Updater: version: 3.2, author: Arun Basil Lal, Automatische Aktualisierungen deaktiviert
    Autoptimize: version: 3.1.0, author: Frank Goossens (futtta), Automatische Aktualisierungen deaktiviert
    Backup Duplicator & Migration - WP STAGING: version: 2.9.17, author: WP-STAGING, WPStagingBackup, Automatische Aktualisierungen deaktiviert
    Code Snippets: version: 3.2.0, author: Code Snippets Pro, Automatische Aktualisierungen deaktiviert
    Complianz - Terms and Conditions: version: 1.1.0, author: Really Simple Plugins, Automatische Aktualisierungen deaktiviert
    Complianz | GDPR/CCPA Cookie Consent: version: 6.3.0, author: Really Simple Plugins, Automatische Aktualisierungen deaktiviert
    EWWW Image Optimizer: version: 6.7.0, author: Exactly WWW, Automatische Aktualisierungen deaktiviert
    GP Back To Top: version: 3.0, author: Mai Dong Giang (Peter Mai), Automatische Aktualisierungen deaktiviert
    Jetpack: version: 11.2, author: Automattic, Automatische Aktualisierungen deaktiviert
    Jetpack Boost: version: 1.5.1, author: Automattic - Website Speed and Performance team, Automatische Aktualisierungen deaktiviert
    Manually Approved Reviews for WooCommerce: version: 1.2, author: Tim Eckel, Automatische Aktualisierungen deaktiviert
    Media File Renamer: version: 5.4.3, author: Jordy Meow, Automatische Aktualisierungen deaktiviert
    Optimus: version: 1.6.2, author: KeyCDN, Automatische Aktualisierungen deaktiviert
    RapidLoad Power-Up for Autoptimize: version: 1.6.26, author: RapidLoad, Automatische Aktualisierungen deaktiviert
    Responsive Sidebar: version: 1.2.2, author: Processby, Automatische Aktualisierungen deaktiviert
    Schema & Structured Data for WP & AMP: version: 1.9.100, author: Magazine3, Automatische Aktualisierungen deaktiviert
    Super Progressive Web Apps: version: 2.2.6, author: SuperPWA, Automatische Aktualisierungen deaktiviert
    Temporary Login Without Password: version: 1.7.4, author: StoreApps, Automatische Aktualisierungen deaktiviert
    Ultimate Addons for Gutenberg: version: 1.25.6, author: Brainstorm Force, Automatische Aktualisierungen deaktiviert
    UpdraftPlus - Backup/Restore: version: 1.22.14, author: UpdraftPlus.Com, DavidAnderson, Automatische Aktualisierungen deaktiviert
    WooCommerce: version: 6.8.0, author: Automattic, Automatische Aktualisierungen deaktiviert
    WP File Manager: version: 7.1.6, author: mndpsingh287, Automatische Aktualisierungen deaktiviert
    WP Rocket: version: 3.11.5, author: WP Media, Automatische Aktualisierungen deaktiviert
    WPS Hide Login: version: 1.9.6, author: WPServeur, NicolasKulka, wpformation, Automatische Aktualisierungen deaktiviert
    wpShopGermany - IT-Recht Kanzlei: version: 1.6, author: maennchen1.de, Automatische Aktualisierungen deaktiviert
    Yoast SEO: version: 19.5.1, author: Team Yoast, Automatische Aktualisierungen deaktiviert
    
    ### wp-plugins-inactive (3) ###
    
    Affiliate Power: version: 2.3.0, author: Jonas Breuer, Automatische Aktualisierungen deaktiviert
    Minimal Coming Soon & Maintenance Mode: version: 2.35, author: WebFactory Ltd, Automatische Aktualisierungen deaktiviert
    PWA — simple way to Progressive Web App: version: 1.5.0, author: Marcin Pietrzak, Automatische Aktualisierungen deaktiviert
    
    ### code-snippets (18) ###
    
    snippet-1: name: Beispiel HTML Shortcode, scope: global, modified: 2022-04-21 18:22:44, tags: [shortcode]
    snippet-2: name: Beispiel CSS Snippet , scope: front-end, modified: 2022-04-21 18:22:44, tags: [css]
    snippet-3: name: Beispiel JavaScript Snippet, scope: front-end, modified: 2022-04-21 18:22:44, tags: [javascript]
    snippet-4: name: Schnipsel nach Namen sortieren, scope: admin, modified: 2022-04-21 18:22:44, tags: [code-snippets-plugin]
    snippet-5: name: Reihe die Snippets nach Datum, scope: admin, modified: 2022-04-21 18:22:44, tags: [code-snippets-plugin]
    snippet-6: name: Produktzähler in Kategorien entfernen, scope: global, modified: 2022-04-21 18:39:02
    snippet-8: name: Produktbild Link zum Partnershop, scope: global, modified: 2022-07-03 11:23:41
    snippet-9: name: produktbild weiterleitung partnershop, scope: global, modified: 2022-07-03 11:36:36
    snippet-10: name: Revisionen deaktivieren, scope: global, modified: 2022-08-07 17:36:52
    snippet-11: name: No self pingbacks, scope: global, modified: 2022-08-08 15:17:30
    snippet-12: name: remove font awesome from wp, scope: global, modified: 2022-08-09 10:36:17
    snippet-13: name: webe remove fontawesome, scope: global, modified: 2022-08-09 12:41:10
    snippet-14: name: kein fontawesome in shoppingcart, scope: global, modified: 2022-08-09 12:59:52
    snippet-15: name: shoppingcart styles deregister, scope: global, modified: 2022-08-11 17:05:09
    snippet-16: name: shoppingcart dequeue styles, scope: global, modified: 2022-08-11 17:07:53
    snippet-17: name: Fontawesome entfernen, scope: global, modified: 2022-08-12 07:39:07
    snippet-18: name: roboto laut mario, scope: global, modified: 2022-08-12 07:54:11
    snippet-20: name: Fonteawesome Teil 2, scope: global, modified: 2022-08-12 08:40:18
    
    ### wp-media ###
    
    image_editor: EWWWIO_Imagick_Editor
    imagick_module_version: 1687
    imagemagick_version: ImageMagick 6.9.7-4 Q16 x86_64 20170114 http://www.imagemagick.org
    imagick_version: 3.6.0
    file_uploads: File uploads is turned off
    post_max_size: 150M
    upload_max_filesize: 150M
    max_effective_size: 150 MB
    max_file_uploads: 20
    gd_version: 2.2.5
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: 9.26
    
    ### wp-server ###
    
    server_architecture: Linux 4.9.0-15-amd64 x86_64
    httpd_software: Apache
    php_version: 7.4.30 64bit
    php_sapi: apache2handler
    max_input_variables: 1000
    time_limit: 30
    memory_limit: 512M
    max_input_time: -1
    upload_max_filesize: 150M
    php_post_max_size: 150M
    curl_version: 7.52.1 OpenSSL/1.0.2u
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: true
    
    ### wp-database ###
    
    extension: mysqli
    server_version: 8.0.19
    client_version: mysqlnd 7.4.30
    max_allowed_packet: 134217728
    max_connections: 300
    
    ### wp-constants ###
    
    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /home/www/wordpress2/wp-content
    WP_PLUGIN_DIR: /home/www/wordpress2/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 512M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: false
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: true
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: Nicht definiert
    DB_CHARSET: utf8
    DB_COLLATE: undefined
    
    ### wp-filesystem ###
    
    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    mu-plugins: writable
    
    ### jetpack ###
    
    site_id: 197647198
    ssl_cert: No
    time_diff: undefined
    version_option: 11.2:1660386791
    old_version: 11.2:1660386791
    public: Public
    master_user: #1 chef1
    current_user: #1 chef1
    tokens_set: Blog User
    blog_token: $2m5)aH6LwR3Vn^k%pBDhhYH$WYNa22C
    user_token: IOd9YE1Z3ppNUd$Z66l&cP$tSgVr0DAg
    version: 11.2
    jp_plugin_dir: /home/www/wordpress2/wp-content/plugins/jetpack/
    plan: free
    protect_header: {"trusted_header":"REMOTE_ADDR","segments":1,"reverse":false}
    full_sync: {"started":"Sat, 06 Aug 2022 16:18:32 +0000","finished":"Sat, 06 Aug 2022 16:18:37 +0000","progress":{"options":{"finished":true},"functions":{"finished":true},"constants":{"finished":true},"users":{"total":"1","sent":1,"finished":true,"last_sent":"1"},"network_options":{"finished":true}},"config":{"options":true,"functions":true,"constants":true,"users":[1],"network_options":true}}
    sync_size: undefined
    sync_lag: 0 seconds
    full_sync_size: undefined
    full_sync_lag: 0 seconds
    idc_urls: {"home":"https:\/\/www.gesunde-geschenke.com","siteurl":"https:\/\/www.gesunde-geschenke.com","WP_HOME":"","WP_SITEURL":""}
    idc_error_option: false
    idc_optin: true
    cxn_tests: All Pass.
    
    

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Ja, sollte möglich sein, da für das Astra-Theme eine gute Dokumentation über Hooks zur Verfügung steht.

    https://developers.wpastra.com/theme-visual-hooks/
    https://wpastra.com/docs/using-hooks/

    Mit Astra Pro können unterschiedliche Header für ein- und dieselbe Website erstellt werden, die komplett vom Theme abweichen können.

    Thread-Starter gesundegeschenke

    (@gesundegeschenke)

    Das ist ganz gut.
    Man kommt zwar nicht direkt in den Header, aber ganz nah ran. Drüber und drunter.
    Ich teste mal ein bisschen.

    Es gibt doch den Hook astra_masthead_content

    Thread-Starter gesundegeschenke

    (@gesundegeschenke)

    Ja, ich habs, Danke.

    Sehr schön. Vielleicht magst du auch den Lösungsweg und den Code posten, damit andere, mit demselben Problem, direkt die Antwort finden könnten?

    Solche Foren wie diese hier basieren auf Geben und Nehmen oder vice versa.

    Thread-Starter gesundegeschenke

    (@gesundegeschenke)

    Gerne.
    Durch deine Anregung habe ich erst einmal 2 Plugins installiert:
    Astra Themes Visual Hooks
    Astra Hooks
    Dabei legen sich die Hooks wie eine Schablone über meine Seite und so kann ich gezielt Bereiche aussuchen, die ich noch füllen möchte.
    Dieses Plugin ist wirklich toll, solange man noch an der Seite arbeitet, danach habe ich es wieder deinstalliert.

    Bei der ganzen Optimierung bin ich dann über etwas gestolpert, das schon im Customizer des Themes enthalten war. Glaube ich zumindest, weil ich es vorher nicht gesehen habe.

    Cusomizer/Header-Builder/Elements
    Da geht jetzt ein halbes Fenster auf, in dem man in 3 Zeilen und je 3 Spalten unter anderem auch Widgets einfügen kann.
    Dort habe ich die Woocommerce Widgets ‚Produktsuche‘ und ‚Produkte nach Preis filtern‘ hinzugefügt.

    So ist es platzsparend untergebracht und sofort sichtbar.

    Nochmals vielen Dank für deine Hilfe.

    Dir auch vielen Dank 🙂

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das Thema „Kann ich ein Produkt-Suchfeld in den Headerbereich von Astra einfügen?“ ist für neue Antworten geschlossen.