/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

1 vote137 views1 answer
Typescript style type
TypeScript
1 vote113 views1 answer
Fake browser visti python headers
TypeScript
0 vote122 views1 answer
Typeorm @unique
TypeScript
1 vote110 views1 answer
Handling ajax requests in django
TypeScript
19 votes119 views4 answers
Sort array of objects by string property value
TypeScript
6 votes127 views2 answers
Using nodemon with typescript
TypeScript
7 votes114 views3 answers
How to declare an empty array in typescript
TypeScript
0 vote120 views1 answer
Typescript api request header
TypeScript
7 votes126 views2 answers
Arrow function in ts
TypeScript
6 votes120 views4 answers
Angular get url params
TypeScript