Your account expired support, please renew to get your support.

Home Forums Themes Support How do I pre-define the column switcher on the Claue theme

Viewing 11 reply threads
  • Author
    Posts
    • #36888
      bmerton
      Support Expired

      Hi – I need to be able to set the column switcher to 3 on the desktop and 1 on the mobile…can you give me the custom css for this?

      See attached file

      Attachments:
      You must be logged in to view attached files.
    • #36890
      Harry
      Support Expired

      Hi,

      1. On desktop, please go to Claue > Theme Option > WooCommerce > Product Listing Settings > Columns and choose 3 columns

      2. Please add below code to set one column on mobile

      @media only screen and (max-width: 736px) {
      .products .jas-col-xs-6.product {
      	-ms-flex-preferred-size: 100%;
      	-webkit-flex-basis: 100%;
      	flex-basis: 100%;
      	max-width: 100%;
      }}
      @media only screen and (max-width: 480px) {
      .products .jas-col-xs-6:nth-child(2n), .products.jas-masonry .jas-col-xs-6:first-child, .products.jas-masonry .jas-col-xs-6:nth-child(2n+1) {
      	padding-left: 1rem;
      }
      .products .jas-col-xs-6:first-child, .products .jas-col-xs-6:nth-child(2n+1), .products.jas-masonry .jas-col-xs-6:nth-child(2n) {
      	padding-right: 1rem;
      }}

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #36896
      bmerton
      Support Expired

      Harry – I have done this but it isn’t working…I’ve tried several times now.  I have added the code to the custom CSS Style section, saving and opening in incognito….can you please check

    • #36900
      Harry
      Support Expired

      Did you forget to clear cache? I clear cache on your site and check it work well

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #36901
      bmerton
      Support Expired
      This reply has been marked as private.
    • #36904
      Harry
      Support Expired

      Please go to Claue > Theme Option > WooCommerce > product listing settings > and try turn off infinite load.

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #36905
      bmerton
      Support Expired

      Harry – I require infinite load too…I don’t want people to have to press Load More…

    • #36906
      Harry
      Support Expired

      Hi,

      This issue related plugin hotjar cause conflict js https://prnt.sc/t1xy88, please try deactivate this plugin.

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #36907
      bmerton
      Support Expired

      I have deactivated the plugin, cleared the cache.  However, the same problem is occurring.

    • #36917
      Harry
      Support Expired

      Hi,

      Please add price for these product and clear cache and check again

      Sufi Necklet

      Pali Necklace

      Medium Size Pearl Choker

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #36919
      bmerton
      Support Expired

      the same problem is occurring.  you can see the attached photo including the updated price.

      Attachments:
      You must be logged in to view attached files.
    • #36924
      Harry
      Support Expired

      Hi,

      The issue cause by Lazyload image option of Jetpack https://prnt.sc/t269hw. I turn it off it now ok.

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

Viewing 11 reply threads

You must be logged in to reply to this topic.