Add footer content to all product category pages

Hey laboiteapixels12,
Thank you for your patience and for the login, to add this red area above your footer on all pages I added a “before_footer” widget above your footer with this function in your child theme functions.php:

add_action('ava_before_footer','avia_above_footer');
function avia_above_footer(){
dynamic_sidebar( 'before-footer' );
}

and then in your widgets I added a HTML widget with the element shortcode:

Then I added this css in the WordPress ▸ Customize ▸ Additional CSS field:

#before_footer {
	background-color: #a25442;
	border: none;
}
#before_footer .container {
	padding: 20px 50px;
}
#custom_html-5 {
	padding: 0;
}

and now it shows on all of your pages including the product pages, but a couple pages like your homepage now shows this red area twice, you just need to remove the element from the page if you like the widget version that I created.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear, I Enabled the Avia Layout Builder Debugger and copied the section shortcode.
You can also use the WordPress Classic Editor shortcode wand in a default post or page to create an element and the shortcode will show in the Classic Editor for you to copy.

Note that full-width elements, such as the color section don’t always behave when nested in other elements such as widgets, so in the widget you see that I removed the color section container and added an html div to take it’s place.

Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard