HomePage › Forums › Themes Support › Shopic – Multipurpose WooCommerce WordPress Theme › Content area was not found in your page › Reply To: Content area was not found in your page
December 21, 2020 at 3:51 pm
#2800
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