Reply To: Content area was not found in your page

[Billy Nguyen]

Hi again,

#1. Make bigger button with text:

Please copy code into file functions.php ( child-theme)

function shopic_single_product_video_360() {
        global $product;
        echo '<div class="product-video-360">';
        $images = get_post_meta($product->get_id(), '_product_360_image_gallery', true);
        $video = get_post_meta($product->get_id(), '_video_select', true);
        if ($images) {
            $array = explode(',', $images);
            $images_url = [];
            foreach ($array as $id) {
                $url          = wp_get_attachment_image_src($id, 'full');
                $images_url[] = $url[0];
            }

            echo '<a class="product-video-360__btn btn-360" href="#view-360"><i class="shopic-icon-360"></i></a>';
            ?>
            <div id="view-360" class="view-360 zoom-anim-dialog mfp-hide">
                <div id="rotateimages" class="opal-loading" data-images="<?php echo implode(',', $images_url); ?>"></div>
                <div class="view-360-group">
                    <span class='view-360-button view-360-prev'><i class="shopic-icon-chevron-left"></i></span>
                    <i class="shopic-icon-360 view-360-svg"></i>
                    <span class='view-360-button view-360-next'><i class="shopic-icon-chevron-right"></i></span>
                </div>
            </div>
            <?php
        }

        if ($video && wc_is_valid_url($video)) {

            echo '<a class="product-video-360__btn btn-video" href="' . $video . '"><i class="shopic-icon-video"></i></a>';
        }

        echo '</div>';
    }

Edit code:

echo '<a class="product-video-360__btn btn-video" href="' . $video . '"><i class="shopic-icon-video"></i></a>';

into:
echo '<a class="product-video-360__btn btn-video" href="' . $video . '"><i class="shopic-icon-video"></i>Watch here</a>';

Add css style into file style.css ( child-theme)

.single-product div.product .woocommerce-product-gallery .product-video-360 .product-video-360__btn {
width: 60px;
height: 60px;
}

#2. Vertical Product: Please go to Customize -> Woocommerce -> Single Product -> Style -> Vertical: https://prnt.sc/w70fur