Uncode

  • The plugin works with archive page or the custom content block developed by the theme.
  • The plugin works with a default WooCommerce template or the theme content block.
  • Pagination types [Number - load more button - Infinite scroll]

Shop Archive

When using the content block to displaying products on shop archive page

Edit the filter setting click tab selectors

  • Set the Products container selector to ".isotope-container"
  • Set the Pagination selector to ".isotope-footer .pagination"

When using a default woocommerce template to displaying products on shop archive page.

Edit the filter setting click tab selectors

  • Set the Products container selector to ".isotope-container"
  • Set the Pagination selector to ".row-navigation .pagination"

Displaying on-sale icon, quick view button. create a new folder inside child theme called "woocommerce" and go to the uncode theme > woocommerce and copy template content-product.php and paste this template just inside the folder you recently created "woocommerce" and edit this template before last line of code add this code

<?php
$layout = apply_filters( 'uncode_content_product_layout', $layout );
?>

Using the block content as shortcode to display products

When you need to create a custom page to display products using the woocommerce follow these steps?

  • Go to the content block > add new > add wireframes > shop > select shop layout.[copy the content block post ID]
  • Add new filter for that block content.
  • Edit filter setting > click the tab Database Query and set the option query type to custom query.
  • Add this shortcode [pwfuncode contentblockid="xxx"] in the page inside the option "Shortcode" textarea.
  • Replace XXX in the above shortcode with the content block post ID.

PWF Woocommerce Product Filters