/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 vote208 views1 answer
Ngx-file-drop allow only image or pdf
TypeScript
2 votes199 views1 answer
Typeorm findAndCount orderby
TypeScript
1 vote193 views1 answer
Angular change element style on click
TypeScript
1 vote194 views1 answer
Error: [WinError 10013] An attempt was made to access a socket in a way forbidden by its access permissions
TypeScript
0 vote201 views1 answer
Google map Argument of type 'HTMLElement | null' is not assignable to parameter of type 'Element'
TypeScript
0 vote192 views1 answer
The Effects of Boredom, Loneliness, and Distress Tolerance on Problem Internet Use Among University Students
TypeScript
0 vote196 views3 answers
Babel typescript
TypeScript
0 vote197 views1 answer
Collection that accepts duplicate keys
TypeScript
0 vote193 views1 answer
Omgsmhwthwhyomgnvm
TypeScript
0 vote234 views1 answer
Style type in typescript in react
TypeScript