PHP - 拆分表行左侧显示5行,右侧显示5行

时间:2018-06-09 15:52:36

标签: php woocommerce html-table

我仍然是PHP的新手,尽管过去4小时阅读文档,我找不到解决方案。下面的脚本从自定义属性创建一个表。但是,它是一个包含10行的表格,我想将其划分为2行(左边5行,右边5行)。

Table Screenshot

这是PHP和JavaScript或CSS的工作吗?任何协助或指示将不胜感激。什么是最佳做法?

<table class="shop_attributes">
<?php if ( $display_dimensions && $product->has_weight() ) : ?>
    <tr>
        <th><?php _e( 'Weight', 'woocommerce' ) ?></th>
        <td class="product_weight"><?php echo esc_html( wc_format_weight( $product->get_weight() ) ); ?></td>
    </tr>
<?php endif; ?>

<?php if ( $display_dimensions && $product->has_dimensions() ) : ?>
    <tr>
        <th><?php _e( 'Dimensions', 'woocommerce' ) ?></th>
        <td class="product_dimensions"><?php echo esc_html( wc_format_dimensions( $product->get_dimensions( false ) ) ); ?></td>
    </tr>
<?php endif; ?>

<?php foreach ( $attributes as $attribute ) : ?>
    <tr>
        <th><b><?php echo wc_attribute_label( $attribute->get_name() ); ?></b></th>
        <td><?php
            $values = array();

            if ( $attribute->is_taxonomy() ) {
                $attribute_taxonomy = $attribute->get_taxonomy_object();
                $attribute_values = wc_get_product_terms( $product->get_id(), $attribute->get_name(), array( 'fields' => 'all' ) );

                foreach ( $attribute_values as $attribute_value ) {
                    $value_name = esc_html( $attribute_value->name );

                    if ( $attribute_taxonomy->attribute_public ) {
                        $values[] = '<a href="' . esc_url( get_term_link( $attribute_value->term_id, $attribute->get_name() ) ) . '" rel="tag">' . $value_name . '</a>';
                    } else {
                        $values[] = $value_name;
                    }
                }
            } else {
                $values = $attribute->get_options();

                foreach ( $values as &$value ) {
                    $value = make_clickable( esc_html( $value ) );
                }
            }

            echo apply_filters( 'woocommerce_attribute', wpautop( wptexturize( implode( ', ', $values ) ) ), $attribute, $values );
        ?></td>
    </tr>
<?php endforeach; ?

0 个答案:

没有答案