Woocommerce Product Block/Template Issues…?

  • Unknown's avatar

    First, I am not developer savvy. I don’t know code, CSS, HTML, or whatever it is…I am definitely a simple drag’n’drop user. The (main) issue I’m having is my WooCommerce ‘single product page’ overcrowds with the header and footer overlapping the product (while still having a separate ‘clean’ header) and an abnormally large ‘pay with Gpay’ button.

    https://sunfirelayne.com/product/test-product

    In the FSE beta templates, on the single product page by WooCommerce, the block calls itself a ‘single product block’ and the element list calls it a ‘WooCommerce classic template’, but this cannot be edited at all. If you wanted to add it again from the block inserter, it doesn’t exist and you can’t copy/paste this ‘legacy template’. But then, the individual block elements lack anything I could use to build a product page of my own through the ‘build a page and turn it into a template’…thing.

    I tried deactivating Payments, Square and Stripe and the giant ‘Gpay’ button disappeared, but crowding was still occurring. If I remove the header and footer from the FSE template, the product doesn’t have crowding but it also doesn’t have the header and the footer like I want. If I start creating more products, the ‘related products’ field seems to balance this out and prevent overcrowding. HOWEVER, when I start actually selling…I don’t know if I’ll have more than one product available to prevent that.

    When I go to edit the product (both from the preview of the site and from the WP Admin list), there is no option for any of the updated editing with blocks or FSE…just the longstanding basic product editing page. I had WooBuilder installed and active, (tho untested with my version) and nothing showed up for me. I know it’s got a new version, but I’m not paying extra at this moment until my shop actually makes me money instead of waste me money.

    -Themes: I am running the latest 2022 WP, I have WooCommerce’s Storefront downloaded but not active
    -Plug-ins: 19 total – most of them are the various WooCommerce, I did deactivate everything at one point except these listed below with no change to my issue
    –Gutenberg 12.9.0
    –WooCommerce 6.3.1
    Blocks 7.3.0
    Payments 3.9.9
    Shipping & Tax 1.25.25
    Square 2.9.1
    Stripe Gateway 6.3.0

    So…what is it that I am missing that would allow me to edit/fix this WooCommerce product page overcrowding and the giant button? Please and thank you!

    WP.com: Unknown
    Jetpack: Yes
    Correct account: Yes

    The blog I need help with is: (visible only to logged in users)

  • Hi there,

    Please contact WooCommerce support directly for help with their plugin. The forum you’re posting in now is for the hosting provider, WordPress.com, and we can only help with sites that are hosted on our servers.

    If you’re using the free version of WooCommerce you can post in their community forum, here:

    https://wordpress.org/support/plugin/woocommerce/

    Or if you’re using any premium or payment gateway add-on downloaded from WooCommerce.com you can reach live chat and email support here:

    https://woocommerce.com/my-account/create-a-ticket/

  • The topic ‘Woocommerce Product Block/Template Issues…?’ is closed to new replies.