/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

6 votes309 views1 answer
Typescript map list to new list of objects
TypeScript
0 vote367 views1 answer
How to create nest without spec test filefile
TypeScript
0 vote321 views1 answer
Res.write prints html tags as text in express
TypeScript
4 votes274 views1 answer
Firestore decrement
TypeScript
3 votes468 views1 answer
Typescript loop through string
TypeScript
0 vote303 views1 answer
Typescript endless loop
TypeScript
3 votes413 views1 answer
Google sheets remove first character
TypeScript
0 vote314 views1 answer
Wifi disconnects frequently when downloading
TypeScript
0 vote315 views1 answer
What is use hsts in .net core
TypeScript
0 vote312 views1 answer
Prototype design pattern typescript
TypeScript