Color variants, thumbnail product images, large product images not working.

Do you mean add “Load more button” on the shop page instead of the default WooCommerce pagination?

When I set the pagination to this page: https://shinetrim.wpengine.com/shop/specials/

The arrows show on the left and right. Typically the user expects page numbers are the top and bottom of the catalog page.

Is there an option for that?

Pagination numbers are available only for base WooCommerce shop page.

I really hope we can get an update to fix the Load More button because even with the Woocommerce Sale in visual composer it does not have a page option so we need to load all the product 🙁

Try to put this code to the functions.php file in the child theme. It should disable masonry grid for “Load more” button pagination type

	function basel_shortcode_products($atts, $query = false) {
		global $woocommerce_loop, $basel_loop;
	    $parsed_atts = shortcode_atts( basel_get_default_product_shortcode_atts(), $atts );
		extract( $parsed_atts );

		$basel_loop['img_size'] = $img_size;

		$woocommerce_loop['masonry'] = $products_masonry;
		$woocommerce_loop['different_sizes'] = $products_different_sizes;

	    $is_ajax = (defined( 'DOING_AJAX' ) && DOING_AJAX && $force_not_ajax != 'yes' );

	    $parsed_atts['force_not_ajax'] = 'no'; // :)

	    $encoded_atts = json_encode( $parsed_atts );

		$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;

		if( $ajax_page > 1 ) $paged = $ajax_page;

		$ordering_args = WC()->query->get_catalog_ordering_args( $orderby, $order );

		$meta_query   = WC()->query->get_meta_query();

		$tax_query   = WC()->query->get_tax_query();

		if( $post_type == 'featured' ) {
			$tax_query[] = array(
				'taxonomy' => 'product_visibility',
				'field'    => 'name',
				'terms'    => 'featured',
				'operator' => 'IN',
			);
		}

		if( $orderby == 'post__in' ) {
			$ordering_args['orderby'] = $orderby;
		}

	    $args = array(
	    	'post_type' 			=> 'product',
	    	'status' 				=> 'published',
			'ignore_sticky_posts' 	=> 1,
	    	'paged' 			  	=> $paged,
			'orderby'             	=> $ordering_args['orderby'],
			'order'               	=> $ordering_args['order'],
	    	'posts_per_page' 		=> $items_per_page,
	    	'meta_query' 			=> $meta_query,
	    	'tax_query'           => $tax_query,
		);

		if( ! empty( $ordering_args['meta_key'] ) ) {
			$args['meta_key'] = $ordering_args['meta_key'];
		}

		if( $post_type == 'ids' && $include != '' ) {
			$args['post__in'] = explode(',', $include);
		}

		if( ! empty( $exclude ) ) {
			$args['post__not_in'] = explode(',', $exclude);
		}

		if( ! empty( $taxonomies ) ) {
			$taxonomy_names = get_object_taxonomies( 'product' );
			$terms = get_terms( $taxonomy_names, array(
				'orderby' => 'name',
				'include' => $taxonomies
			));

			if( ! is_wp_error( $terms ) && ! empty( $terms ) ) {
				$args['tax_query'] = array('relation' => 'OR');
				foreach ($terms as $key => $term) {
					$args['tax_query'][] = array(
				        'taxonomy' => $term->taxonomy,
				        'field' => 'slug',
				        'terms' => array( $term->slug ),
				        'include_children' => true,
				        'operator' => 'IN'
					);
				}
			}
		}

		if( ! empty( $order ) ) {
			$args['order'] = $order;
		}

		if( ! empty( $offset ) ) {
			$args['offset'] = $offset;
		}

		if( $post_type == 'sale' ) {
			$args['post__in'] = array_merge( array( 0 ), wc_get_product_ids_on_sale() );
		}

		if( $post_type == 'bestselling' ) {
			$args['orderby'] = 'meta_value_num';
			$args['meta_key'] = 'total_sales';
		}

		$woocommerce_loop['timer']   = $sale_countdown;
		$woocommerce_loop['product_hover']   = $product_hover;

		$products                    = new WP_Query( $args );

		// Simple products carousel
		if( $layout == 'carousel' ) return basel_generate_posts_slider( $parsed_atts, $products );

		$woocommerce_loop['columns'] = $columns;

		if ( $pagination != 'arrows' ) {
			$woocommerce_loop['loop'] = $items_per_page * ( $paged - 1 );
		}

		$class .= ' pagination-' . $pagination;
		$class .= ' grid-columns-' . $columns;
		if( $woocommerce_loop['masonry'] == 'enable') {
			$class .= ' grid-masonry';
		}

		ob_start();

		if(!$is_ajax) echo '<div class="basel-products-element">';

	    if(!$is_ajax && $pagination != 'more-btn') echo '<div class="basel-products-loader"></div>';

	    if(!$is_ajax) echo '<div class="products elements-grid row basel-products-holder ' . esc_attr( $class) . '" data-paged="1" data-atts="' . esc_attr( $encoded_atts ) . '">';

		if ( $products->have_posts() ) :
			while ( $products->have_posts() ) :
				$products->the_post();
				wc_get_template_part( 'content', 'product' );
			endwhile;
		endif;

    	if(!$is_ajax) echo '</div>';

		woocommerce_reset_loop();
		wp_reset_postdata();

		if ( $products->max_num_pages > 1 && !$is_ajax ) {
			?>
		    	<div class="products-footer">
		    		<?php if ($pagination == 'more-btn'): ?>
		    			<a href="#" class="btn basel-products-load-more"><?php _e('Load more products', 'basel'); ?></a>
		    		<?php elseif ($pagination == 'arrows'): ?>
		    			<a href="#" class="btn basel-products-load-prev disabled"><?php _e('Load previous products', 'basel'); ?></a>
		    			<a href="#" class="btn basel-products-load-next"><?php _e('Load next products', 'basel'); ?></a>
		    		<?php endif ?>
		    	</div>
		    <?php
		}

    	if(!$is_ajax) echo '</div>';

		$output = ob_get_clean();

	    if( $is_ajax ) {
	    	$output =  array(
	    		'items' => $output,
	    		'status' => ( $products->max_num_pages > $paged ) ? 'have-posts' : 'no-more-posts'
	    	);
	    }

	    return $output;

	}

Regards

I tried adding it to the bottom of the code and the site went down. <?php
/*
* Generated By Orbisius Child Theme Creator – your favorite plugin for Child Theme creation 🙂
* https://wordpress.org/plugins/orbisius-child-theme-creator/
*
* Unlike style.css, the functions.php of a child theme does not override its counterpart from the parent.
* Instead, it is loaded in addition to the parent’s functions.php. (Specifically, it is loaded right before the parent theme’s functions.php).
* Source: http://codex.wordpress.org/Child_Themes#Using_functions.php
*
* Be sure not to define functions, that already exist in the parent theme!
* A common pattern is to prefix function names with the (child) theme name.
* Also if the parent theme supports pluggable functions you can use function_exists( ‘put_the_function_name_here’ ) checks.
*/

/**
* Loads parent and child themes’ style.css
*/
function orbisius_ctc_basel_child_theme_enqueue_styles() {
$parent_style = ‘orbisius_ctc_basel_parent_style’;
$parent_base_dir = ‘basel’;

wp_enqueue_style( $parent_style,
get_template_directory_uri() . ‘/style.css’,
array(),
wp_get_theme( $parent_base_dir ) ? wp_get_theme( $parent_base_dir )->get(‘Version’) : ”
);

wp_enqueue_style( $parent_style . ‘_child_style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array( $parent_style ),
wp_get_theme()->get(‘Version’)
);
}

add_action( ‘wp_enqueue_scripts’, ‘orbisius_ctc_basel_child_theme_enqueue_styles’ );

Is there somewhere specific I need to place it?

Try to turn on debug mode to see what error raise when you add this code.

Hi! Sorry I was traveling…

Where is the debug mode?

I also was curious if there is a pagination where we can have a View All button/link?

https://blog.webguysaz.com/2013/10/31/add-woocommerce-view-all-pagination-option-to-product-listings/

Hi,

Here is a debug mode instruction https://codex.wordpress.org/Debugging_in_WordPress
Sorry, but there is no “View all” button in our theme.

Regards

The client has said this is really detrimental. She asked if we can make it so that you can view more quantities at once. For example, show 50, show 100, etc?

Hi, We are also noticing the page buttons do not even work. http://shinetrim.wpengine.com/shop/ if you click on page 2 it just loads very slowly and shows page one.

Hi,

1. Unfortunately, our theme doesn’t include this feature.

2. It doesn’t work correctly because your webserver is too slow for AJAX requests. We suggest you disable “AJAX Shop” in Theme Settings -> Shop.

Regards

It was a plugin actually… the bulk discount plugin 🙁

How do we remove the SOLD OUT sticker on the product? I have disabled the inventory but it still appears.

Hi,

Could you please send a link where we can see this sticker?

If you go on the homepage you will see it in the specials section.

http://shinetrim.wpengine.com/

Sorry, but we can’t find Sold out products on the home page.

Check now. I had a custom css set to display:none and see attachment

Attachments:

You must be logged in to view attached files.

OK, but why you can’t simply keep this CSS code to hide this label?

It leaves an empty space if there is a sale sticker. Looks funny.

Use this CSS snippet instead

.out-of-stock-label {
display:none;
}

.product-grid-item.outofstock .product-element-top .onsale {
top: 5px;

Hi! We The pagination is not working on our staging website due to the Redux Framework.

PLEASE HELP!

Please see that when we try to proceed to the next page of products it slowly loads the same page of products.

It doesn’t work correctly because your webserver is too slow for AJAX requests. We suggest you disable “AJAX Shop” in Theme Settings -> Shop.

On our server we would like to upgrade to PHP 7. Is there any risk? Will the theme be ok?

Our theme is fully compatible with PHP 7. Our main server has the latest version and it works great.

Regard

We are getting 502 errors on the theme because there is JavaScript and CSS above the fold. Can you explain this?

http://shinetrim.wpengine.com/product-category/trim/

What do you mean? We don’t see any errors on the link you sent.

Do you now notice how slow it is? We are getting 502 errors because the website speed and we know it is the theme because when we install a simple theme on the staging website it is extremely fast. http://shinetrim.staging.wpengine.com/

We want to push live this website but the extreme slow speed is preventing us. Please help!

[Author]

Posts