/TypeScript/Woocommerce products shortcode

Woocommerce products shortcode

Shortcode woocommerce

[products limit="8" columns="4" category="hoodies, tshirts" cat_operator="AND"]

Source: docs.woocommerce.com

Woocommerce shortcodes sale products

[products limit="4" columns="4" orderby="popularity" class="quick-sale" on_sale="true" ]

Source: docs.woocommerce.com

Woocommerce product_categori

[product_categories number="0" parent="0"]

Source: docs.woocommerce.com

Featured products woocommerce shortcode

[products limit="4" columns="2" visibility="featured" ]

Source: docs.woocommerce.com

Woocommerce products shortcode

[products limit=" " columns=" " orderby=" "]

Source: docs.woocommerce.com

Woocommerce product price shortcode

function custom_price_shortcode_callback( $atts ) {

    $atts = shortcode_atts( array(
        'id' => null,
    ), $atts, 'product_price' );

    $html = '';

    if( intval( $atts['id'] ) > 0 && function_exists( 'wc_get_product' ) ){
        // Get an instance of the WC_Product object
        $product = wc_get_product( intval( $atts['id'] ) );

        // Get the product prices
        $price         = wc_get_price_to_display( $product, array( 'price' => $product->get_price() ) ); // Get the active price
        $regular_price = wc_get_price_to_display( $product, array( 'price' => $product->get_regular_price() ) ); // Get the regular price
        $sale_price    = wc_get_price_to_display( $product, array( 'price' => $product->get_sale_price() ) ); // Get the sale price

        // Your price CSS styles
        $style1 = 'style="font-size:40px;color:#e79a99;font-weight:bold;"';
        $style2 = 'style="font-size:25px;color:#e79a99"';

        // Formatting price settings (for the wc_price() function)
        $args = array(
            'ex_tax_label'       => false,
            'currency'           => 'EUR',
            'decimal_separator'  => '.',
            'thousand_separator' => ' ',
            'decimals'           => 2,
            'price_format'       => '%2$s %1$s',
        );

        // Formatting html output
        if( ! empty( $sale_price ) && $sale_price != 0 && $sale_price < $regular_price )
            $html = "<del $style2>" . wc_price( $regular_price, $args ) . "</del> <ins $style1>" . wc_price( $sale_price, $args ) . "</ins>"; // Sale price is set
        else
            $html = "<ins $style1>" . wc_price( $price, $args ) . "</ins>"; // No sale price set
    }
    return $html;
 }
 add_shortcode( 'product_price', 'custom_price_shortcode_callback' );

Source: stackoverflow.com

Similar codes

0 vote269 views1 answer
Asciidots helloworld
TypeScript
1 vote264 views1 answer
Difference between dictionary and sets in python
TypeScript
2 votes267 views2 answers
Vue 3 setup props typescript
TypeScript
0 vote250 views1 answer
Requirements check failed for jdk 8 (
TypeScript
7 votes272 views2 answers
Remote events roblox
TypeScript
1 vote247 views1 answer
How to make a button that alerts when clicked with html
TypeScript
1 vote263 views1 answer
Get a span inside a div with div id javascript
TypeScript
5 votes245 views2 answers
How many states of matter are there
TypeScript
0 vote274 views1 answer
The react-scripts package provided by Create React App requires a dependency: [1] [1] "webpack": "4.42.0"
TypeScript
0 vote254 views1 answer
Module '"@angular/fire/firestore"' has no exported member 'AngularFirestoreCollection'
TypeScript