Add icon list on all pages of my website, including product page?

Hi Victoria,
Thanks for your reply.
Debug mode is already enabled and I tried to add the shortcode to a product page, but it was added in the product description section and not at the bottom of the page…
Anyway, I gonna have hundreds product pages, so I would prefer not have to add code on each page. Is there a way to automatically add something (in this case my iconlist) to the bottom of all pages, using some code?
Thanks a lot!

Hi Victoria,
I followed this thread using the woocommerce_after_single_product_summary hook and it’s closed to work :-)
But there is a display problem.
Could you please have a look to those two pages :
In the first one, the colored section before the footer is ok and is what I want to display on product pages.
In the second one, it is not ok and it also affects related products, footer and socket sections too.
Thanks a lot!

Hi Jordan,
Here are credentials to access those pages.
Thanks !

Hi Mike,
Thanks a lot for this work!!!

In fact, I want this CTA section to be displayed before the related products section. So I reset the number at the end of the action from 90 to 15.
I really don’t understand what this number exactly means… Could you please explain me?

I also modified the shortcode by adding “custom_content=’#c2c2c2′” to get the good font color.

I adjusted Quick CSS with this :

/*make cta full-width*/
#cta {
	width: 368px;
	margin-left: 50px;
	margin-top: 45px;
	margin-bottom: 0px;
	display: inline-flex;
	justify-content: space-around;
}
#cta-first > .avia-icon-list, #cta > .avia-icon-list {
	width: 370px;
}
.container.bottom-cta-container {
	padding: 0 !important; 
	margin: 0 !important;
	width: 100% !important;
	max-width: 1800px !important; 
}

Everything is closed to be ok like this, but there is a last display issue: margins are missing in the section just above the CTA.
Which code do I need to add to fix it?

Otherwise, I would need to add the same shortcode to all my pages (shop page, shopping cart page, and so on…).
Which code do I need to add?

Thanks a lot!

Hi Mike,

It perfectly does the trick! :-)
One last question about this…
You put this in CSS : #cta-first > .avia-icon-list,#cta > .avia-icon-list {width: 370px;}.
Does 370px the basic size of an icon list in Enfold Theme? Because I tried with 100% and it seemed to do the same.

Otherwise, what about adding the same shortcode to all my pages (shop page, shopping cart page, and so on…)?
I think I need to add other add_action formulas, but what are the corresponding codes?

Thanks a lot!

Hi Mike,
Thanks for your feedback!
Yours two ideas seem to be good and I would like to try them.
1) Which code do I need to use to integrate ava_after_content or ava_before_footer? And in CSS or in Functions?
2) I found the option you were talking about to use a page as footer, but how could I recreate footer and socket in this page?
Thanks a lot!

Hi Mike,
I tested the two solutions.
1) I like the idea to use a page as footer and it could help me for other customizations, but when I select a page to use as a footer the current socket is not included for me…
What am I doing wrong?? :-(
2) I tried your ava_before_footer hook and this is great. But I need one adjustment: I really need this CTA to be displayed on product pages BEFORE Related Products, exactly like we did before. Moreover, I don’t need this CTA to be displayed on some pages.
So, is there a way to disable this ava_before_footer on some pages, so I could disable it on me product pages and like this, I could only keep CTA at the right place?
Thanks a lot for your help, Mike!

Hi Mike!

No, I do not.
On French interface, there is only one option and the translation is not good at all… See screenshot : https://imgur.com/bx5p7jr
If we had the two options, translations must be something like this (based on your own translations above):
– Sélectionner une page comme pied de page et bandeau de bas de page
– Sélectionner une page comme pied de page (pas de bandeau de bas de page)
At least, I now understand why I can’t display any socket with this option :-)
Is there a way to get the 2 options in my Enfold Theme options, before your next update? ;-)

Did you have time to look at my second question? –> I tried your ava_before_footer hook and this is great. But I need one adjustment: I really need this CTA to be displayed on product pages BEFORE Related Products, exactly like we did before. Moreover, I don’t need this CTA to be displayed on some pages.
So, is there a way to disable this ava_before_footer on some pages, so I could disable it on me product pages and like this, I could only keep CTA at the right place?

Thanks a lot for your help, Mike!

Hi Mike,

Thanks a lot for those updated files!

About the “!is_page”, so to test it, I tried to arrange my code like this (662 is one of my pages ID):

add_action('ava_before_footer', 'ava_before_footer_mod');
function ava_before_footer_mod() {
	if(!is_page(array(662))) {
		echo do_shortcode("[MY OWN SHORTCODE]");
}

I tried with many IDs but any ID I add causes a critical error and block the access to my website.
What’s wrong with my way to use this code?

Thanks a lot!

Hi Mike,
I’m really sorry, I didn’t pay attention to this bracket! :-(
Of course it works better now :-)
I now understand how to add pages I don’t want to display the CTA on and I saw in your previous post that I also could add page names like ‘about’ or ‘Contact’, but what do I need to write to include ALL my product pages? Not my shop or categories pages, but only my product pages.
Thanks a lot!!

Hi Mike,
No everything is ok on my shop and categories pages.
But for my product pages, you found a code to display the CTA before Related Products section. So I would need to hide CTA before footer on those pages. If not, CTA is displayed two times on those pages.
Thanks a lot!

Hi Mike,
Thanks for your feedback.
Absolutely! We are seeing the CTA twice because we are adding it twice, but I actually need both functions…
As I told you, I need this CTA on product pages to be displayed BEFORE Related Products and not before footer. So this is why the “woocommerce_after_single_product_summary” function is perfect to do this!
But I need the new “ava_before_footer” function too, to display the CTA on all other pages, before footer.
What I only need is some additional code to add after if(!is_page(array(… to disable CTA before footer on product pages only.
Thanks a lot!

Hi Mike,
It perfectly works!
Everything is ok for me now.
Thank you sooooo much for your help! :-)