DigitStore

آموزش ایجاد تب برای قسمت محصولات

2 پست در این موضوع قرار دارد

با سلام

من قالبم رو اختصاصی طراحی کردن و الان دسترسی به طراح ندارم

میخوام برای قسمت Single Product یک تب دیگه اضافه کنم

Capture.PNG

از YITH WooCommerce Tab Manager و Product Tab For WooCommerce هم استفاده کردم ولی باز تب رو نشون نمیده

این کد نویسی این بخش :

<?php
/**
 * The Template for displaying all single products
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/single-product.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you (the theme developer).
 * will need to copy the new files to your theme to maintain compatibility. We try to do this.
 * as little as possible, but it does happen. When this occurs the version of the template file will.
 * be bumped and the readme will list any important changes.
 *
 * @see 	    http://docs.woothemes.com/document/template-structure/
 * @author 		WooThemes
 * @package 	WooCommerce/Templates
 * @version     1.6.4
 */

get_header();
the_post();
global $post, $product;
$_product = wc_get_product( get_the_id() ); 
if( function_exists('get_aps_groups') ) {
	$attr_groups = get_aps_groups();
	$attributes = get_aps_attributes();
} ?>

	<div class="container-el main-box">
	    <?php get_template_part('partials/notifications'); ?>
		
		<div class="box-inner row">
			<?php get_template_part('partials/breadcrumbs'); ?>
			<?php get_template_part('partials/woocommerce-messages'); ?>
			
			<div class="row" itemscope itemtype="<?php echo woocommerce_get_product_schema(); ?>">
				<?php 
				$attachment_ids = $product->get_gallery_attachment_ids();
				if( empty( $attachment_ids ) )
					$attachment_ids = array( get_post_thumbnail_id() );
				
				if( sizeof( $attachment_ids ) > 0 ) : ?>
					<div class="slider-pro col ltr">
						<div class="item-big row">
							<?php
							$thumb = wp_get_attachment_image_src( $attachment_ids[0], array(400,400) );
							$thumb = $thumb[0];
							$src = wp_get_attachment_image_src( $attachment_ids[0], 'full' );
							$src = $src[0]; ?>
							<a href="#product_gallery" title="<?php the_title_attribute(); ?>">
								<img style="display:block;" itemprop="image" src="<?php echo $thumb; ?>" data-imagezoom="<?php echo $src; ?>" data-magnification="4" data-zoomviewsize="[600,600]" alt="<?php the_title_attribute(); ?>" width="398" height="398">
							</a>
						</div>
						<div class="item-small row">
							<?php
							for( $i=0; $i <= 3; $i++ ) {
								echo '<a href="#product_gallery">';
								echo wp_get_attachment_image( $attachment_ids[$i], array(68,68) );
								echo '</a>';
							} 
							if( sizeof( $attachment_ids ) > 4 ) echo '<a href="#product_gallery">...</a>'; ?>
							
						</div>
					</div>
					
					<div id="product_gallery" class="login-pop product-gallery-popup" style="display:none;">
						<div class="tab-boxes row ltr">
							<ul class="tabs mCustomScrollbar go-left" data-mcs-theme="dark">
								<?php
								foreach( $attachment_ids as $index => $img ) {
									$active = $index === 0 ? ' class="active"' : '';
									echo "<li data-target=\"#gallery-attachment-$index\" $active>";
									echo wp_get_attachment_image( $img, array( 120,120 ) );
									echo '</li>';
								} ?>
							</ul>
							
							<div class="product-gallery-content col">
							
								<?php
								foreach( $attachment_ids as $index => $img ) {
									$active = $index === 0 ? ' class="active"' : '';
									echo "<div class=\"tab-content row\" id=\"gallery-attachment-$index\">";
									echo wp_get_attachment_image( $img, array(600,600) );
									echo '</div>';
								} ?>
								
							</div><!-- .product-gallery-content -->
						</div><!-- .tab-boxes -->
					</div><!-- #product_gallery -->
				<?php endif; ?>
				
				<div class="info-pro go-left">
					<?php
					/**
					 * woocommerce_single_product_summary hook
					 *
					 * @hooked woocommerce_template_single_title - 5
					 * @hooked woocommerce_template_single_price - 10
					 * @hooked woocommerce_template_single_excerpt - 20
					 * @hooked woocommerce_template_single_add_to_cart - 30
					 * @hooked woocommerce_template_single_meta - 40
					 * @hooked woocommerce_template_single_sharing - 50
					 */	
					do_action( 'woocommerce_single_product_summary' ); ?>
				</div>
				
				<meta itemprop="url" content="<?php the_permalink(); ?>" />
			</div>
			
			<div class="product-ds row">
				<?php if( function_exists('kk_star_ratings') ) : ?>
					<span class="star-pro go-left">امتیاز این محصول 
						<?php echo kk_star_ratings( get_the_id() ); ?>
					</span>
				<?php endif; ?>
			</div>
		</div>
	</div>
	
	
	<div class="main-box container-el tab-boxes">
	    <ul class="title-single-pro tabs row">
		    <li data-target="#baresi" class="active"><i class="fa fa-pencil-square-o fa fa-fw"></i> بررسی تخصصی محصول</li>
			<?php if( isset($attr_groups) && !empty($attr_groups) ) echo '<li data-target="#fani"><i class="fa fa-sliders fa fa-fw"></i></i> مشخصات فنی محصول</li>'; ?>
			<li data-target="#soalat"><i class="fa fa-comments  fa fa-fw"></i> نظرات و سوالات کاربران</li>
		</ul>
		
		<div id="baresi" class="single-wide post-content tab-content row">
			<?php the_content(); ?>
		</div>
		
		<?php if( isset($attr_groups) && !empty($attr_groups) ) : ?>
		
			<div id="fani" class="single-wide tab-content row">
				<?php
				// start foreach loop
				foreach ($attr_groups as $key => $group) {
					if ($group['display'] == 'yes') {
						// get post meta data by key
						$data = get_aps_product_attributes($post->ID, $key);
						
						$checkempty = array_filter( $data );
						
						// check if data is an array
						if ( !empty($checkempty) ) { ?>
							
							<span class="title-fani block"><?php echo $group['name']; ?></span>
							
							<?php  if( !empty( $attributes[$key] ) ) : ?>
							<table class="row">
								<?php foreach ($attributes[$key] as $attr_key => $attr_val) {
									// get attribute data
									$value = $data[$attr_key];
									if ( !empty($value) || $attr_val['type'] == 'check' ) {
										
										// check if value is date
										if ($attr_val['type'] == 'date') {
											$value = date('d F Y', strtotime($value));
										} elseif ($attr_val['type'] == 'check') {
											$value = ($value == 'Yes') ? '<i class="fa fa-check fa-lg"></i>' : '<i class="fa fa-times fa-lg"></i>';
										} ?>
										<tr>
											<td>
												<strong class="aps-term<?php if (!empty($attr_val['info'])) echo ' aps-tooltip'; ?>"><?php echo $attr_val['name']; ?></strong> 
												<?php if (!empty($attr_val['info'])) echo '<span class="aps-tooltip-data">' .$attr_val['info'] .'</span>'; ?>
											</td>
											
											<td>
												<?php echo nl2br($value); ?>
											</td>
										</tr>
									<?php }
								} ?>
							</table>
							<?php endif; ?>
						<?php }
					}
				} // end foreach loop ?>
				
			</div>
		<?php endif; ?>
		
		<div id="soalat" class="single-wide tab-content row">
			<?php
			if ( comments_open() || get_comments_number() )
				comments_template();
			wp_reset_postdata(); ?>
		</div>
	</div>
	
	<?php
	global $post;

	$cats = wp_get_post_terms( $post->ID, "product_cat" );
	foreach ( $cats as $cat ) {
		$cats_array[] .= $cat->term_id;
	}

	$tags = wp_get_post_terms( $post->ID, "product_tag" );
	foreach ( $tags as $tag ) {
		$tags_array[] .= $tag->term_id;
	}

	$related_posts = new WP_Query(
		array(
			'orderby' => 'rand',
			'posts_per_page' => 5,
			'post_type' => 'product',
			'post__not_in' => array($post->ID),
			'tax_query' => array(
				'relation' => 'OR',
				array(
						'taxonomy' => 'product_cat',
						'field' => 'id',
						'terms' => $cats_array
				),
				array(
						'taxonomy' => 'product_tag',
						'field' => 'id',
						'terms' => $tags_array
				)
			)
		)
	);

	if( $related_posts->have_posts() ) : ?>
		<div class="container-el">
			<div class="title-bot row"><span class="fa col">محصولات مشابه</span> <span class="en go-left">SIMILAR PRODUCTS</span></div>
			
			<div class="main-box row ltr slid-bot">
				<?php
				while( $related_posts->have_posts() ){
					$related_posts->the_post();
					get_template_part("content", "product");
				}
				wp_reset_postdata(); ?>
				
			</div>
		</div>
	<?php endif; ?>
	
	<?php the_terms( 0, 'product_tag', '<div class="tag-box container-el"><span>برچسب ها</span>', ', ', '</div>' ); ?>
	
<?php
get_footer();

 

هر کاری کردم نتونستم اضافه کنم لطفا کمکم میکنید ؟

 

0

به اشتراک گذاری این پست


لینک به پست

من به مشکل خوردم لطفا کمکم کنید

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری