布局商店页面:调整图像和列的大小

时间:2017-12-21 作者:Stefano

我在我的电子书商店wordpress主题中添加了“WooCommerce产品过滤器”插件。我已经为我的店铺页面准备了一个自定义页面,并用带有WP Bakery page Builder插件的过滤器构建了侧栏。除了书和专栏的图像,一切都正常。查看URL:https://www.editorialufv.es/prova-maledetta/ 这里是WP编辑器的屏幕截图Screenshot

正如你所看到的,我使用了插件的短代码。所有短代码都在这里:https://www.woocommerce-filter.com/shortcode/woof_products/

为什么图像如此巨大,为什么书不在专栏上?任何线索。我完全迷路了。这里是文件页面。在此商店自定义页面中使用我的主题的php:

<?php get_header(); ?>

<div class="content">
    <!-- Sidebar With Content Section -->
    <?php
    $ebookstore_content_raw = json_decode( ebookstore_decode_stopbackslashes( get_post_meta( get_the_ID(), \'ebookstore_content\', true ) ), true );

    $ebookstore_content_raw = ( empty( $ebookstore_content_raw ) ) ? array() : $ebookstore_content_raw;

    $ebookstore_theme_option = get_option( \'ebookstore_admin_option\',array() );

    if (isset( $ebookstore_theme_option[\'book-search-style\'] ) && $ebookstore_theme_option[\'book-search-style\'] == 0) {

    } else {

        echo \'<div class="margin-minus-50-top">\';

        echo ebookstore_get_search_form_result();

        echo \'</div>\';

    }

    if (!empty( $ebookstore_content_raw )) {

        echo \'<div class="vc-wrapper container">\';

        while (have_posts()) {
            the_post();

            if (has_shortcode( get_the_content(), \'vc_row\' )) {

                echo ebookstore_content_filter( get_the_content(), true );

            }

        }

        echo \'</div>\';

        echo \'<div class="pagebuilder-wrapper">\';

        ebookstore_show_page_builder( $ebookstore_content_raw );

        echo \'</div>\';

    } else {

        echo \'<div class="container">\';

        $default[\'show-title\'] = \'enable\';

        $default[\'show-content\'] = \'enable\';

        echo ebookstore_get_default_content_item( $default );

        echo \'</div>\';

    } ?>

</div><!-- content -->

<?php get_footer(); ?>

1 个回复
最合适的回答,由SO网友:Brad Holmes 整理而成

您缺少任何形式的列关闭样式woof不添加列样式它取决于您的主题woof documentation

在css中,没有列的样式css

结束

相关推荐

Css-更改Storefront/WooCommerce产品类别的高度,但不更改产品

我的主页显示了产品和类别。我的店铺页面仅显示类别。如果我更改了店铺页面类别的高度,它也会更改整个产品的高度。我可以自己在主页上设置类别高度,因为我已经将它们放在一个div中,并从CSS中调用它。然而,我无法为WooCommerce商店做到这一点,因为它们会自动弹出到商店页面。以下是我试图仅为商店页面更改的CSS:.page-id-6602 .storefront ul.products li.product, .post-6602 .storefront ul.products li.produc