这些天我一直在使用Woocommerce短代码（Woocommerce 3.8）。

对于许多产品，您可以将“class”作为值传递，例如产品快捷码：[products class="custom-class"] 然后返回内容的包装器将具有custom-class.

But not for [reltative_products]!!??

如果您有一个动态设计，并且希望能够根据页面上显示的内容更改相关产品的设计，那么这将非常有用。

如果你看看the Woocommerce Docs 您可以看到以下功能：

    public static function related_products( $atts ) {
        if ( isset( $atts[\'per_page\'] ) ) {
            $atts[\'limit\'] = $atts[\'per_page\'];
        }

        // @codingStandardsIgnoreStart
        $atts = shortcode_atts( array(
            \'limit\'    => \'4\',
            \'columns\'  => \'4\',
            \'orderby\'  => \'rand\',
        ), $atts, \'related_products\' );
        // @codingStandardsIgnoreEnd

        ob_start();

        // Rename arg.
        $atts[\'posts_per_page\'] = absint( $atts[\'limit\'] );

        woocommerce_related_products( $atts );

        return ob_get_clean();
    }

正如您所看到的，shortcode\\u atts中没有类？？？

How to change this?

    <section class="woocommerce columns-4 <?php echo !empty($class) ? $class : "" ?>">

<?php echo do_shortcode(\'[it_related_products limit="4" class="row it-books-fp red-border-bottom"]\'); ?>