Product images using WordPress + Showit + WooCommerce

  • Unknown's avatar
    thezadone · Member ·

    Hello! I am trying to help fix up a family member’s website, particularly getting their store working, and I could use some help. For context, I have plenty of other web/software development experience, but none with WordPress. I hope that the inclusion of Showit doesn’t make this out of scope for this forum, but if so, just let me know.

    Her website is on WordPress but uses Showit for the template. The blog/info/etc sections seem to work fine, but the person who made it for her only partially started the store portion. WooCommerce is set up as a plugin in WordPress and supposedly Showit is supposed to work well with WooCommerce when set up properly.

    However, I have filled out the product information and then done as instructed in these two tutorials that I was able to find (a Single Product template with “single-product” as the custom template name), and the product name and description populate as expected, but the tutorials seem indicate that *everything* will show up in the “Post Content” field, where currently, only the description shows up. It’s missing things like the primary image/image carousal and the product modifiers (e.g. colors and sizes for clothing).

    The tutorials don’t go into detail about the content *within* the “Post Content” box, so it seems that they are saying there are no further steps needed for images, etc. to show up (though that seems bizarre to me, since surely, I should be able to customize the layout?), so I am lost now. Has anyone else used this combination of products, and does anyone have any pointers for me, regardless?

  • Unknown's avatar
    workflowsitedeveloper · Member ·

    Hey @thezadone

    Thanks for posting this to the WordPress Community.

    It sounds like you’re trying to get WooCommerce products fully displaying on a Showit-powered WordPress site, but only the description shows up while images, galleries, and product options aren’t appearing. This is a common challenge because Showit primarily handles the design and layout, but WooCommerce content requires dynamic templates and hooks to display all product elements.

    Here’s how you can approach it:

    1. Check WooCommerce Template Structure
      • WooCommerce doesn’t automatically put images, galleries, or variable product options into the Post Content field.
      • Those are rendered via WooCommerce hooks like woocommerce_before_single_product_summary (for images) and woocommerce_single_product_summary (for title, price, add-to-cart, variations).
      • If your single-product template is just outputting the_content(), it will only show the description, not the other product elements.
    2. Use WooCommerce Shortcodes or Hooks in Showit Template
      • You can insert shortcodes like [product_gallery] or [add_to_cart] in a custom template or use PHP hooks if you’re comfortable adding them via a child theme.
      • This allows images, carousels, and variable options to appear in the layout alongside the description.
    3. Consider a Custom Single Product Template
      • Showit can display static design elements, but for dynamic WooCommerce content, you may need a custom single-product template in your WordPress child theme.
      • Make sure to include the following in your PHP template:

    <?php defined('ABSPATH') || exit; do_action( 'woocommerce_before_single_product' ); if ( post_password_required() ) { echo get_the_password_form(); return; } ?> <div id="product-<?php the_ID(); ?>" <?php wc_product_class(); ?>> <?php // Product images do_action( 'woocommerce_before_single_product_summary' ); // Product summary (title, price, description, variations) do_action( 'woocommerce_single_product_summary' ); ?> </div> <?php do_action( 'woocommerce_after_single_product' ); ?>
    • This ensures all standard WooCommerce content is rendered, not just the description.
    1. Check Showit Settings for WooCommerce
      • Make sure the Showit template isn’t overriding WooCommerce hooks or hiding default content.
      • Some Showit templates require mapping specific WooCommerce hooks to content sections in Showit.
    2. Test with Default Theme
      • Temporarily switch to a default WordPress theme like Twenty Twenty-Three to confirm that WooCommerce renders all product elements correctly.
      • If it works there, the issue is likely Showit template integration, not WooCommerce itself.

    In order to guide you more precisely, could you please share your website URL (and login credentials if needed) so I can take a closer look at the current template setup and suggest exact steps to make your products fully functional?

    Waiting to hear back from you. If this was helpful, don’t forget to like it and mark it as a solution.

    Thanks

  • Unknown's avatar
    thezadone · Member ·

    Thanks, @workflowsitedeveloper, for your reply!

    I can share the URL, but I’d rather not share credentials, especially since it isn’t my own website: https://dawnhavenranch.org/

    Let me know if you can glean anything from that!

    Someone else recommended using the Multiple Themes plugin so that I could set the shop to use a different, compatible theme (I’ve just been using the basic webstore one), and I’ve been making good progress with that. Nevertheless, it would likely be nice to be able to have everything use the same theme in the future, just so it all looks cohesive.

  • Unknown's avatar
    justjennifer · Member ·

    Hi there @thezadone you did the right thing. Never, ever share your log-in credentials with anyone, (especially not in a public forum). If necessary, you can add a developer to your site keeping this advice in mind https://wordpress.com/support/working-with-a-developer/

    Since your site isn’t hosted here on WordPress.com, the hosting provider, we are limited in what we can do to assist you here. I would suggest contacting Showit’s support directly https://learn.showit.com/

    For help with WooCommerce itself:

    If you have a paid WooCommerce extension, you can open a ticket at https://woocommerce.com/my-account/create-a-ticket/

    If you don’t have a paid WooCommerce extension, you can post in the WordPress.org WooCommerce forum: https://wordpress.org/support/plugin/woocommerce/

    For general help with the WordPress open source software, head to the support forums at ORG at https://wordpress.org/support/forums/

    Not sure about the differences between WordPress.com, the hosting provider, and the open source WordPress software? This guide helps explain https://wordpress.com/support/com-vs-org/

  • The topic ‘Product images using WordPress + Showit + WooCommerce’ is closed to new replies.