Wordpress Shortcode返回1号？ 如何删除？

Question

I was wondering whether anyone would know why the following code is returning a number 1 at the end? Does anyone know how to stop this from happening?

function get_product_images_slider() {
$product_image_output = include( get_stylesheet_directory() . '/product-images-shortcode.php');
return $product_image_output;
}
add_shortcode( 'product-images', 'get_product_images_slider' );

my code inside the include is:

                         <ul class="slick  js-fader">
                            <li>
                                <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' );?>
                                <img src="<?php echo $image[0]; ?>" class="figure" width="425" height="328" itemprop="image" />
                            </li>
                            <?php
                                global $product;
                                $attachment_ids = $product->get_gallery_attachment_ids();

                                foreach( $attachment_ids as $attachment_id ) 
                                { ?>
                                    <li>
                                        <?php
                                            echo wp_get_attachment_image($attachment_id, 'product-image', '', array( "class" => "figure", 'width' => '425', 'height' => '328', 'itemprop' => 'image' ) );
                                        ?>
                                    </li>
                            <?php }
                            ?>
                        </ul>

Answer 1

The include function always returns the number one if the include is successful, and you are assigning this to a variable. You are returning this variable at the end. What are you expecting to be output?

EDIT: Here's the code you need to use:

product-images-shortcode.php

<?php function productShortcode() { ?>
     <ul class="slick js-fader">
         <li>
             <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' );?>
             <img src="<?php echo $image[0]; ?>" class="figure" width="425" height="328" itemprop="image" />
        </li>
        <?php
        global $product;
        $attachment_ids = $product->get_gallery_attachment_ids();
        foreach( $attachment_ids as $attachment_id ) 
        { ?>
            <li>
                <?php
                echo wp_get_attachment_image($attachment_id, 'product-image', '', array( "class" => "figure", 'width' => '425', 'height' => '328', 'itemprop' => 'image' ) );
                ?>
            </li>
        <?php
        } ?>
    </ul>
<?php } ?>

functions.php

function get_product_images_slider() {
    include( get_stylesheet_directory() . '/product-images-shortcode.php');
    return productShortcode();
}
add_shortcode( 'product-images', 'get_product_images_slider' );

So, we are using the code from the include, rather than returning the value of the incude directly.