• Resolved kristinubute

    (@kristinubute)


    Hi

    HOW can I aadd a full width image on the SHOP Page above the products.

    Basically on the SHOP Page, I would like a 2000px x 350px image straight under the Header (not in the header), and then show the standard Shop page under that ?

    I haven’t been able to achieve this and cannot see HOW to do this.
    I am using Divi Theme throughout other pages that are Non Woocommerce. I prefer NOT to use the Theme Builder for Woocoomerce pages.

    Does anyone know the best way to achieve this ?

    I see it on lots of different websites that are NOT wordpress/woocommerce.

    Like on this website
    https://www.thepreassembly.com.au/collections/grazing-for-you

    Thanks
    Kristin

Viewing 1 replies (of 1 total)
  • Hi @kristinubute

    You can try adding a Cover Block to your page, by navigating to your page editor at WP-Admin → Pages → Shop page.

    Block Cover: https://wordpress.com/support/wordpress-editor/blocks/cover-block/

    You can remove all text elements from the cover block, leaving only the image, and also set the opacity of the overlay color to 0 on the block settings, so the image gets displayed in full opacity.

    Please note that the cover image will take the entire space within the content area of your page, but your theme must still allow for full screen content area in order to see the image displayed as full-width. For more information, you can reach out to your theme’s support.

    As an alternative, you can try an extension such the Banner Images for WooCommerce plugin:
    * https://woocommerce.com/products/banner-images-for-woocommerce

    This is a premium plugin from the WooCommerce Extension Store, and includes a 30-day money-back refund policy. For pre-sale questions, please contact us at:
    https://woocommerce.com/my-account/create-a-ticket/

    Hope that helps!

Viewing 1 replies (of 1 total)
  • The topic ‘How to add a full width image on SHOP Page above the products’ is closed to new replies.