/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 vote192 views1 answer
What is children type in react
TypeScript
1 vote214 views1 answer
(change) on select not working in mat-select
TypeScript
0 vote203 views1 answer
Pass command line arguments with spaces cmd
TypeScript
0 vote187 views1 answer
Ts loop through days in dates
TypeScript
52 votes275 views4 answers
Used ports in linux
TypeScript
0 vote282 views1 answer
Apexcharts pie chart colors
TypeScript
5 votes188 views1 answer
FIRST principle in testing
TypeScript
2 votes146 views1 answer
Make props optional react typescript
TypeScript
10 votes219 views3 answers
Foreach typescript
TypeScript
21 votes185 views2 answers
How to compare distance between 2 objects unity
TypeScript