php - Add Shortcode to ::before class

admin管理员组

文章数量:1122832

I want to add a button (that will open an INFO popup screen with info about a certain option in a woocommerce variable product), all that can be easily created with a plugin that converts the whole thing to a shortcode, the problem is to insert it into the products page, this will run on hundreds of products so i cannot simply add it on the HTML directly.

I will attach below the CSS code that works to add an IMAGE to where i want, but im guessing we cant use the "Content" CSS to add shortcodes or so i tried..

Please advice me how can i insert a shortcode in that EXACT location (that is only one of the lines that will use the INFO button, each variable title will get a different one)

.label [for=pa_size-of-product]:before {
    content: url(shortcode would go here, but only images or text work with this option) !important;
}

Thanks!

I want to add a button (that will open an INFO popup screen with info about a certain option in a woocommerce variable product), all that can be easily created with a plugin that converts the whole thing to a shortcode, the problem is to insert it into the products page, this will run on hundreds of products so i cannot simply add it on the HTML directly.

I will attach below the CSS code that works to add an IMAGE to where i want, but im guessing we cant use the "Content" CSS to add shortcodes or so i tried..

Please advice me how can i insert a shortcode in that EXACT location (that is only one of the lines that will use the INFO button, each variable title will get a different one)

.label [for=pa_size-of-product]:before {
    content: url(shortcode would go here, but only images or text work with this option) !important;
}

Thanks!

• php
• woocommerce-offtopic
• shortcode
• css

Share Improve this question edited Jun 15, 2019 at 15:23 Pratik Patel 1,11111 gold badge1111 silver badges2323 bronze badges asked Jun 14, 2019 at 21:49 Marcio da SilvaMarcio da Silva 111 silver badge11 bronze badge 3

• It should be more helpful if you post an actual URL with place where you want to add the code. – twelvell Commented Jun 14, 2019 at 22:44
• H Twelvell, here is a link to a dummy product, basically i want to place the shortcode (which will be a button that opens a modal, created in Elementor Pro) in the place of the Facebook icon, which i placed there via CSS so you can easily see the spot i want, basically i will do the same on all the variable titles, with different shortcodes, thanks! – Marcio da Silva Commented Jun 15, 2019 at 9:01
• Forgot the link haha - back.frapids.pt/produto/test-01/… – Marcio da Silva Commented Jun 15, 2019 at 9:01

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 0

You can’t do what you’re trying to do.

If you want to output a shortcode you need to do it in the content or template. You can’t place one with CSS.

in functions.php

echo '<style>.label [for=pa_size-of-product]:before {
content: "' . do_shortcode("[your-shortcode]") .'" !important;}</style>';

本文标签： phpAdd Shortcode to before class