• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

featured image not showing woocommerce

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › featured image not showing woocommerce

This topic is: not resolved

Tagged: header image, WooCommerce

  • This topic has 8 replies, 3 voices, and was last updated 6 years ago by Brad Dalton.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 1, 2017 at 7:51 am #202245
    SRD
    Member

    Hi. We're using a child theme of Genesis. I've set a Header Image in Custom Genesis Header for all pages, including Shop (/shop).

    This shows on all pages except for WooCommerce pages.

    How do we show custom header images on WooCommerce pages?

    Thanks.

    http://localhost
    March 1, 2017 at 5:24 pm #202283
    Brad Dalton
    Participant

    Are you referring to the featured image or the header image?

    Also, please link to a live site so someone can inspect the pages HTML


    Tutorials for StudioPress Themes.

    March 2, 2017 at 6:31 am #202325
    SRD
    Member

    header image thanks, @ http://vmpersonal.com/shop.html

    March 2, 2017 at 6:35 am #202326
    Brad Dalton
    Participant

    I would ask the plugin Developer if it supports WooCommerce otherwise find a plugin which does or use custom code.


    Tutorials for StudioPress Themes.

    March 8, 2017 at 5:20 am #202692
    SRD
    Member

    We're talking about a Genesis child theme here, which does support WooCommerce, not a plugin.

    Child Theme's woocommerce.php:

    <?php
    /**
     * WooCommerce Template
     * 
     * Template used for all WooCommerce views for your site
     *
     */
     
    //* Remove standard post content output
    remove_action( 'genesis_loop', 'genesis_do_loop');
     
    //* Add WooCommerce content output
    add_action( 'genesis_loop', 'woocommerce_setup_genesis' );
     
    genesis();

    Child Theme's functions.php:

    /* WooCommerce */
    
    function woocommerce_setup_genesis() {
      woocommerce_content();
    }
    add_theme_support( 'woocommerce' );

    I was hoping to learn the custom code to allow header images to work with WooCommerce.

    March 8, 2017 at 5:23 am #202693
    Brad Dalton
    Participant

    That code removes the loop so it also removes the image. You'll need to add back the code for the featured image.

    There's already several tutorials containing the code for this.


    Tutorials for StudioPress Themes.

    March 8, 2017 at 5:35 am #202695
    SRD
    Member

    Thanks,

    I can only find http://my.studiopress.com/tutorials/setup-custom-header/ on Google, which doesn't talk about moving or re-adding the header image.

    If I search http://my.studiopress.com for "move header image" I find nothing relevant.

    March 10, 2017 at 9:10 am #202831
    nickress
    Member

    Did you ever find a solution to your issue? I looking for a solution to a similar problem.

    Im using the Showcase Pro theme and its supports using the featured image on all the pages including everything in woocommerce EXECPT the main shop page. I have looked all over and cant find any information on how to add the featured image to this page.

    Here is the site I am working on.

    http://progmat2017.wpengine.com/shop/

    Any help would be appreciated

    Thanks

    March 14, 2017 at 7:51 am #203071
    Brad Dalton
    Participant

    @SRD what theme are you using? Please link to the WooCommerce page which doesn't display the header image?


    @nickress
    Based on my testing, the featured image displays on WooCommerce Shop page.


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble