• 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

Customizing woocommerce product archive page

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 › Customizing woocommerce product archive page

This topic is: resolved

Tagged: customizing, WooCommerce

  • This topic has 6 replies, 2 voices, and was last updated 10 years, 1 month ago by mazeymaze.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 28, 2016 at 3:51 am #192153
    mazeymaze
    Member

    I am having trouble customizing the product archive page. As far as I can ses/read, the archive-product.php page is the page used to display products in a specific product category. When copying this file inside my woocommerce folder in my child theme (agentpress-pro) and modify it nothing happens.

    I have tried disabling the genesis connect plugin and afterwards editing the archive-product.php file and when doing so, the changes are made, so maybe the taxonomy is different in Genesis and I need to customize a different file?

    I hope somebody can help me out.

    Best regards,

    Jens

    https://www.kuhlmann-heating.com/product-category/drum-heaters/
    August 28, 2016 at 6:40 am #192161
    Victor Font
    Moderator

    Archive-product displays the product catalog. Genesis connect provides its own archive-product.php file that overrides the WooCommerce template. However, templates in the theme's WooCommerce folder override both WooCommerce and Genesis Connect. If you want to modify archive-product.php, you should copy the template from Genesis Connect into the theme's WooCommerce folder and change that one. There are significant differences in the WooCommerce and Genesis Connect templates. For example, the WooCommerce template contains the product loop. The Genesis Connect template calls the product loop in a function. You can easily create a new function to change the way the template functions.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    August 28, 2016 at 8:14 am #192165
    mazeymaze
    Member

    Thanks for the quick reply, Victor.

    I have tried to copy both the archive-product from the Woocommerce folder and the one from the Genesis-Connect, but neither one of them reacts to my editing. I have just tried basic editing in the file, uncommenting functions and filters, but nothing happens.

    Basically what I am trying to accomplish is to add a wrapper around the content and having that wrapper containing a class so I can control padding etc. If this can be accomplished in another way than locating the "correct" archive-product, I am open for ideas.

    Thanks a lot.

    August 28, 2016 at 8:50 am #192166
    Victor Font
    Moderator

    You wouldn't put the wrapper in the archive-product template. Customizing the output means modifying the content-product.php template. Take a look at this site: http://dev1.houseplanworks.com. It's still under construction, but if you click on the Buy Plans menu, you can see the kind of customization that can be done with content-product. There is also a start loop and end loop template in the WooCommerce template loop folder. If your wrapper is for the entire catalog, you can use these templates for it.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    August 28, 2016 at 8:59 am #192167
    mazeymaze
    Member

    If you take a look here (everything here is also under construction) https://www.kuhlmann-heating.com/product-category/drum-heaters/

    As you can see I have two products (more coming) and also a site header + description. I need to style everything and not the products itself. The header, the description and the products all have no padding to the page, which I would like to add, so either I believe I have to add a wrapper with a class so I can style it, or add a class to the main div on this particular page.

    I am quite new to WordPress, so still learning 🙂

    Thanks a lot.

    August 31, 2016 at 11:33 am #192426
    mazeymaze
    Member

    Hi again Victor (and others),

    I still haven't been able to style my archive product page, so I really hope that someone can help me out in solving this 🙂 No matter what I do I can not seem to edit anything on the archive-product.php. I have tried to copy both the Woocommerce file and the Genesis Connect file, but no difference.

    I have WordPress installed together with Woocommerce, Genesis, Genesis Connect and the Agentpress Pro child theme.

    Crossing my fingers here.

    Thanks

    August 31, 2016 at 11:41 am #192427
    mazeymaze
    Member

    Just as an extra I have now tried to rename both the archive-produkt.php file in genesis-connect and in the woocommerce folder and the page still displays, so it must use some other template?

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 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

© 2026 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