Shopkit archive template – alignwide fails

[studio-nenontwerp]

studio-nenontwerp

October 9, 2023 at 4:52 am

I’m using Kadence Theme together with Shopkit. I created an archive template in shopkit to replace the default product-archive. In this template I use a 2-column row-block set to alignwide. This is failing at frontend (looks like alignfull without padding). Looking at the html, the template content is inserted right after (inside) div element ‘inner-wrap’, replacing the default content. Compared to other archives and pages there are missing some elements to get alignwide working. CSS styling by layout both use class ‘content-container’:

normal: .wp-site-blocks .content-container .alignwide
narrow: .content-width-narrow .wp-site-blocks .content-container .alignwide

Do I need to wrap my blocks in some main-layout block? Or is there a setting I overlooked?

Hope to hear, thanks Martin

My fix for now:

add_action( 'kadence_woocommerce_template_before_archive' , 'nen_woo_fix_before' );
add_action( 'kadence_woocommerce_template_after_archive' , 'nen_woo_fix_after' );

function nen_woo_fix_before()
{
echo '<div id="primary" class="content-area">
<div class="content-container site-container">
<main id="main" class="site-main" role="main">';
}

function nen_woo_fix_after()
{
echo ' </main>
</div>
</div>';
}