• Hi, I would like to show all wishlist items like thumbnails. How should I do it? right now they are in table form and I would like to change that to thumbnails only. I would also like to show brand names underneath the thumbnail. Please assist ASAP its really urgent thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author YITHEMES

    (@yithemes)

    Hi there

    On another version of this plugin we offer the option to show wishlist items as a grid of images; you can learn more about this feature on landing page for YITH WooCommerce Wishlist on our site

    On the other hand, you can achieve the same result, by modifying wishlist template; in order to do so, copy wishlist-view.php file from wp-content/plugins/yith-woocommerce-wishlist/templates/ and paste it under wp-content/themes/<your theme or child directory>/woocommerce (you may need to create the /woocommerce subdirectory)
    Then modify the template as needed; you may want to replace the table with an ul and proceed adding your custom style for the list elements

    Thread Starter danishnoorani

    (@danishnoorani)

    How do I display a brand names in wishlist products? it doesn’t show any brand names. Please provide code snippet thanks. I used this. But results only shows ‘array’

    `<div class=”product-page-brands”>
    <h3>

    get_product_id() ) ) ); ?>”>
    <?php echo wp_get_post_terms( $product->ID, ‘product_brand’ ); ?>
    <?php echo $product->get_tag_ids(‘brand’);?>


    </h3>
    <?php do_action( ‘yith_wcwl_table_after_product_name’, $item ); ?>
    </div>

    Plugin Author YITHEMES

    (@yithemes)

    Hi there

    Given that you’re editing wishlist-view.php template, and you’re in the items loop (so you have $item variable defined) you could use this snippet of code to print product brands

    $brands = wc_get_product_terms( $item->get_product_id(), 'product_brand' );
    $string_brands = ! empty( $brands ) ? implode( ' | ', wp_list_pluck( $brands, 'name' ) ) : '';
    echo esc_html( $string_brands );
    

    Hope this helps

    Thread Starter danishnoorani

    (@danishnoorani)

    Sorry, can you tell me where does this code snippet go? Thanks

    <?php
    /**
     * Wishlist page template - Standard Layout
     *
     * @author  Your Inspiration Themes
     * @package YITH WooCommerce Wishlist
     * @version 3.0.0
     */
    
    /**
     * Template variables:
     *
     * @var $wishlist                      \YITH_WCWL_Wishlist Current wishlist
     * @var $wishlist_items                array Array of items to show for current page
     * @var $wishlist_token                string Current wishlist token
     * @var $wishlist_id                   int Current wishlist id
     * @var $users_wishlists               array Array of current user wishlists
     * @var $current_page                  int Current page
     * @var $page_links                    array Array of page links
     * @var $is_user_owner                 bool Whether current user is wishlist owner
     * @var $show_price                    bool Whether to show price column
     * @var $show_dateadded                bool Whether to show item date of addition
     * @var $show_stock_status             bool Whether to show product stock status
     * @var $show_add_to_cart              bool Whether to show Add to Cart button
     * @var $show_remove_product           bool Whether to show Remove button
     * @var $show_price_variations         bool Whether to show price variation over time
     * @var $show_variation                bool Whether to show variation attributes when possible
     * @var $show_cb                       bool Whether to show checkbox column
     * @var $show_quantity                 bool Whether to show input quantity or not
     * @var $show_ask_estimate_button      bool Whether to show Ask an Estimate form
     * @var $show_last_column              bool Whether to show last column (calculated basing on previous flags)
     * @var $move_to_another_wishlist      bool Whether to show Move to another wishlist select
     * @var $move_to_another_wishlist_type string Whether to show a select or a popup for wishlist change
     * @var $additional_info               bool Whether to show Additional info textarea in Ask an estimate form
     * @var $price_excl_tax                bool Whether to show price excluding taxes
     * @var $enable_drag_n_drop            bool Whether to enable drag n drop feature
     * @var $repeat_remove_button          bool Whether to repeat remove button in last column
     * @var $available_multi_wishlist      bool Whether multi wishlist is enabled and available
     * @var $no_interactions               bool
     */
    
    if ( ! defined( 'YITH_WCWL' ) ) {
    	exit;
    } // Exit if accessed directly
    ?>
    
    <!-- WISHLIST TABLE -->
    <ul class="shop_table cart wishlist_table wishlist_view responsive mobile <?php echo $show_cb ? 'with-checkbox' : ''; ?>" data-pagination="<?php echo esc_attr( $pagination ); ?>" data-per-page="<?php echo esc_attr( $per_page ); ?>" data-page="<?php echo esc_attr( $current_page ); ?>" data-id="<?php echo esc_attr( $wishlist_id ); ?>" data-token="<?php echo esc_attr( $wishlist_token ); ?>">
    	<?php
    	if ( $wishlist && $wishlist->has_items() ) :
    		foreach ( $wishlist_items as $item ) :
    			/**
    			 * @var $item \YITH_WCWL_Wishlist_Item
    			 */
    			global $product;
    
    			$product      = $item->get_product();
    			$availability = $product->get_availability();
    			$stock_status = isset( $availability['class'] ) ? $availability['class'] : false;
    			$brands = wc_get_product_terms( $item->get_product_id(), 'product_brand' );
                  $string_brands = ! empty( $brands ) ? implode( ' | ', wp_list_pluck( $brands, 'name' ) ) : '';
                    echo esc_html( $string_brands );
    		   
                
    		
    		
    			
    		
    	
    
    			if ( $product && $product->exists() ) :
    				?>
    				<li id="yith-wcwl-row-<?php echo esc_attr( $item->get_product_id() ); ?>" data-row-id="<?php echo esc_attr( $item->get_product_id() ); ?>">
    					<?php if ( $show_cb ) : ?>
    						<div class="product-checkbox">
    							<input type="checkbox" value="yes" name="items[<?php echo esc_attr( $item->get_product_id() ); ?>][cb]"/>
    						</div>
    					<?php endif ?>
    
    					<div class="item-wrapper">
    						<div class="product-thumbnail">
    							<a href="<?php echo esc_url( get_permalink( apply_filters( 'woocommerce_in_cart_product', $item->get_product_id() ) ) ); ?>">
    								<?php echo $product->get_image(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
    							</a>
    						</div>
    
    						<div class="item-details">
    							<div class="product-name">
    								<h3>
    									<a href="<?php echo esc_url( get_permalink( apply_filters( 'woocommerce_in_cart_product', $item->get_product_id() ) ) ); ?>">
    										<?php echo esc_html( apply_filters( 'woocommerce_in_cartproduct_obj_title', $product->get_title(), $product ) ); ?>
    									</a>
    								</h3>
    								<?php do_action( 'yith_wcwl_table_after_product_name', $item ); ?>
    							</div>
    							<div class="product-category">
    								<h3>
    									<a href="<?php echo esc_url( get_permalink( apply_filters( 'woocommerce_in_cart_product', $item->get_product_id() ) ) ); ?>">
    										<?php echo $product->get_categories(); ?>
    									</a>
    								</h3>
    								<?php do_action( 'yith_wcwl_table_after_product_name', $item ); ?>
    							</div>
    							<div class="product-page-brands">
    								<h3>
                                             
                        
                                  
                                               <?php echo esc_html( $string_brands );?>
                                            
                                          
                                        </h3>
                                        <?php do_action( 'yith_wcwl_table_after_product_name', $item ); ?>
    								
    							</div>
    							
    							
    							
    							
    
    							<?php if ( $show_variation || $show_dateadded || $show_price ): ?>
    								<table class="item-details-table">
    
    									<?php if ( $show_variation && $product->is_type( 'variation' ) ): ?>
    										<?php
    										/**
    										 * @var $product \WC_Product_Variation
    										 */
    										$attributes = $product->get_attributes();
    
    										if ( ! empty( $attributes ) ):
    											foreach ( $attributes as $name => $value ):
    												if ( ! taxonomy_exists( $name ) ) {
    													continue;
    												}
    
    												$term = get_term_by( 'slug', $value, $name );
    
    												if ( ! is_wp_error( $term ) && ! empty( $term->name ) ) {
    													$value = $term->name;
    												}
    												?>
    												<tr>
    													<td class="label">
    														<?php echo esc_attr( wc_attribute_label( $name, $product ) ); ?>:
    													</td>
    													<td class="value">
    														<?php echo esc_attr( rawurldecode( $value ) ); ?>
    													</td>
    												</tr>
    											<?php
    											endforeach;
    										endif;
    										?>
    									<?php endif; ?>
    
    									<?php if ( $show_dateadded && $item->get_date_added() ): ?>
    										<tr>
    											<td class="label">
    												<?php esc_html_e( 'Added on:', 'yith-woocommerce-wishlist' ); ?>
    											</td>
    											<td class="value">
    												<?php echo esc_html( $item->get_date_added_formatted() ); ?>
    											</td>
    										</tr>
    									<?php endif; ?>
    
    									<?php if ( $show_price || $show_price_variations ) : ?>
    										<tr>
    											<td class="label">
    												<?php esc_html_e( 'Price:', 'yith-woocommerce-wishlist' ); ?>
    											</td>
    											<td class="value">
    												<?php
    												if ( $show_price ) {
    													echo $item->get_formatted_product_price(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
    												}
    
    												if ( $show_price_variations ) {
    													echo $item->get_price_variation(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
    												}
    												?>
    											</td>
    										</tr>
    									<?php endif ?>
    									
    
    								</table>
    							<?php endif; ?>
    						</div>
    					</div>
    
    					<div class="additional-info-wrapper">
    						<?php if ( $show_quantity || $show_stock_status ): ?>
    							<table class="additional-info">
    								<?php if ( $show_quantity ) : ?>
    									<tr>
    										<td class="label">
    											<?php esc_html_e( 'Quantity:', 'yith-woocommerce-wishlist' ); ?>
    										</td>
    										<td class="value">
    											<?php if ( ! $no_interactions && $wishlist->current_user_can( 'update_quantity' ) ): ?>
    												<input type="number" min="1" step="1" name="items[<?php echo esc_attr( $item->get_product_id() ); ?>][quantity]" value="<?php echo esc_attr( $item->get_quantity() ); ?>"/>
    											<?php else: ?>
    												<?php echo esc_html( $item->get_quantity() ); ?>
    											<?php endif; ?>
    										</td>
    									</tr>
    								<?php endif; ?>
    
    								<?php if ( $show_stock_status ) : ?>
    									<tr>
    										<td class="label">
    											<?php esc_html_e( 'Stock:', 'yith-woocommerce-wishlist' ) ?>
    										</td>
    										<td class="value">
    											<?php echo $stock_status === 'out-of-stock' ? '<span class="wishlist-out-of-stock">' . esc_html__( 'Out of stock', 'yith-woocommerce-wishlist' ) . '</span>' : '<span class="wishlist-in-stock">' . esc_html__( 'In Stock', 'yith-woocommerce-wishlist' ) . '</span>'; ?>
    										</td>
    									</tr>
    								<?php endif ?>
    							</table>
    						<?php endif; ?>
    
    						<!-- Add to cart button -->
    						<?php if ( $show_add_to_cart && isset( $stock_status ) && $stock_status != 'out-of-stock' ): ?>
    							<div class="product-add-to-cart">
    								<?php woocommerce_template_loop_add_to_cart( array( 'quantity' => $show_quantity ? $item->get_quantity() : 1 ) ); ?>
    							</div>
    						<?php endif ?>
    
    						<!-- Change wishlist -->
    						<?php if ( $move_to_another_wishlist && $available_multi_wishlist && count( $users_wishlists ) > 1 ): ?>
    							<div class="move-to-another-wishlist">
    								<?php if ( 'select' == $move_to_another_wishlist_type ): ?>
    									<select class="change-wishlist selectBox">
    										<option value=""><?php esc_html_e( 'Move', 'yith-woocommerce-wishlist' ); ?></option>
    										<?php
    										foreach ( $users_wishlists as $wl ):
    											/**
    											 * @var $wl \YITH_WCWL_Wishlist
    											 */
    											if ( $wl->get_token() === $wishlist_token ) {
    												continue;
    											}
    											?>
    											<option value="<?php echo esc_attr( $wl->get_token() ); ?>">
    												<?php echo esc_html( sprintf( '%s - %s', $wl->get_formatted_name(), $wl->get_formatted_privacy() ) ); ?>
    											</option>
    										<?php
    										endforeach;
    										?>
    									</select>
    								<?php else: ?>
    									<a href="#move_to_another_wishlist" class="move-to-another-wishlist-button" data-rel="prettyPhoto[move_to_another_wishlist]">
    										<?php echo esc_html( apply_filters( 'yith_wcwl_move_to_another_list_label', __( 'Move to another list &rsaquo;', 'yith-woocommerce-wishlist' ) ) ); ?>
    									</a>
    								<?php endif; ?>
    							</div>
    						<?php endif; ?>
    
    						<?php if ( $show_remove_product || $repeat_remove_button ): ?>
    							<div class="product-remove">
    								<a href="<?php echo esc_url( add_query_arg( 'remove_from_wishlist', $item->get_product_id() ) ); ?>" class="remove_from_wishlist" title="<?php echo esc_html( apply_filters( 'yith_wcwl_remove_product_wishlist_message_title', __( 'Remove this product', 'yith-woocommerce-wishlist' ) ) ); ?>"><i class="fa fa-trash"></i></a>
    							</div>
    						<?php endif; ?>
    					</div>
    				</li>
    			<?php
    			endif;
    		endforeach;
    	else: ?>
    		<p class="wishlist-empty">
    			<?php echo esc_html( apply_filters( 'yith_wcwl_no_product_to_remove_message', __( 'No products added to the wishlist', 'yith-woocommerce-wishlist' ) ) ); ?>
    		</p>
    	<?php
    	endif;
    
    	if ( ! empty( $page_links ) ) : ?>
    		<p class="pagination-row">
    			<?php echo $page_links; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
    		</p>
    	<?php endif ?>
    
    </ul>
    
    <?php if ( ! empty( $page_links ) ) :
    	?>
    	<nav class="wishlist-pagination">
    		<?php echo $page_links; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
    	</nav>
    <?php endif ?>
    Thread Starter danishnoorani

    (@danishnoorani)

    Thank you so much for your assistance I really appreciate it

    Plugin Author YITHEMES

    (@yithemes)

    Hi there

    This depends on you and where you want to place this information..
    To give you an example, if you want to place brands under product name, you could place it at line 184, as follows (snippet posted starts at line 170 of the file)

    <td class="product-name">
    	<?php do_action( 'yith_wcwl_table_before_product_name', $item, $wishlist ); ?>
    
    	<a href="<?php echo esc_url( get_permalink( apply_filters( 'woocommerce_in_cart_product', $item->get_product_id() ) ) ); ?>"><?php echo esc_html( apply_filters( 'woocommerce_in_cartproduct_obj_title', $product->get_title(), $product ) ); ?></a>
    
    	<?php
    	if ( $show_variation && $product->is_type( 'variation' ) ) {
    		// phpcs:ignore Generic.Commenting.DocComment
    		/**
    		 * @var $product \WC_Product_Variation
    		 */
    		echo wc_get_formatted_variation( $product ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
    	}
    	?>
    
    	<br/>
    
    	<?php
    	$brands = wc_get_product_terms( $item->get_product_id(), 'product_brand' );
    	$string_brands = ! empty( $brands ) ? implode( ' | ', wp_list_pluck( $brands, 'name' ) ) : '';
    	echo esc_html( $string_brands );
    	?>
    
    	<?php do_action( 'yith_wcwl_table_after_product_name', $item, $wishlist ); ?>
    </td>
    
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Wishlist Page Layout and Display’ is closed to new replies.