adding a woocommerce slide product gallery to my custom theme

Hi, I have WordPress Custom Shop theme. I am building the single.php page for my product. from my single.php, I like to display the slide product gallery to be able to see the product galleries. I installed woocommerce to add and display products.

I use this code and added to my functions.php for the permalink of the product:

add_action( 'woocommerce_after_shop_loop_item', 'ijab_read_more_link' );
function ijab_read_more_link() { ?>	
	<a href="<?php the_permalink(); ?>">Read More</a>
<?php }

from my single.php structure I only displayed the title, price, and the product gallery.

I found this article to add the slide product gallery article link.

And I followed the instructions and added this code to my functions.php file

add_action( 'after_setup_theme', 'yourtheme_setup' );
 function yourtheme_setup() {
    add_theme_support( 'woocommerce' );
    add_theme_support( 'wc-product-gallery-zoom' );
    add_theme_support( 'wc-product-gallery-lightbox' );
    add_theme_support( 'wc-product-gallery-slider' );
}

I displayed the slide product gallery successfully, but the problem is the single.php html and css unstructured is different from my single custom page. I don’t know where that design came from?

Is it the problem of the permalink? please help me with this issue.

• This topic was modified 3 years, 1 month ago by Xen.