Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

WooCommerce Product Archive Layout

  • Trying to determine the best way to get my product archives to look something like this
    https://www.light186.com/product-category/6-axis-force-torque-sensors/

    Even using the image left layout, the product pages are a mess, and the customizer doesn’t have the option to get the title aligned left, plus the price and button are below the image.

  • Hi Camberlion,

    That sort of layout needs custom code or a third party plugin which would be out of our scope.

    Basically, you need to change the structure through Hooks.

    You can probably try this snippet:

    add_action( 'woocommerce_shop_loop_item_title', function(){
        // Open wrapper
        echo '<div class="product-wrapper">';
        
    }, 9 );
    
    add_action( 'woocommerce_after_shop_loop_item', function(){
        // close wrapper
        echo '</div>';
    }, 16 );

    Adding PHP: https://docs.generatepress.com/article/adding-php/#code-snippets

    Then, you’ll need CSS to alter how it looks. It may be good to reach out to a developer regarding this as well.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.