Home Forums Themes Support Claue product listing

Viewing 4 reply threads
  • Author
    Posts
    • #35130
      moatazali
      Supported

      Greetings,

      Product listing even in Shop/Categories page the products don’t honor the hight per line limit. they grow bigger when you choose 3 items per line, and even way bigger if 2 items per line.

      also, I have translatepress plugin, when I change to ‘Ar’ the left menu doesn’t stack well with the main site logo.

      Best regards.

    • #35131
      Harry
      Supported

      Hi,

      1. You can change number of product per row in Claue > Theme Option > WooCommerce > Product Listing Settings > Number Of Column and turn off column switcher in Claue > Theme Option > WooCommerce > Product Listing Settings > Enable Column Switcher > Off

      2. Please add below code to Claue > Theme Option > General Layout > Custom CSS

      .rtl .header-2 .jas-menu > li {
          float: right;
      }
      .rtl .header-2 .jas-menu > li:not(:first-child) {
      	margin-right: 50px;
      	margin-left: 0;
      }

      Kind regards

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

      • #35134
        moatazali
        Supported

        Thanks a lot, Harry,

        1- If I set 3 or lower the items stack over each other so I settled on doing it 4 columns

        2- I couldn’t figure this out by myself, Can you please tell me how did you get this. so I can rely on myself more and don’t waste your time again?

         

        appreciated

    • #35135
      Harry
      Supported

      I check your site and see it work, please clear cache of your browser and check again.

      Kind regards

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

    • #35136
      moatazali
      Supported

      Hi Harry,

      Yea i know it works after applying your code.

      I meant how did you figure those classes to edit. as they do not appear on “inspect page”

       

      Thanks

    • #35137
      Harry
      Supported

      Please follow this topic to inspect element on your site https://www.hostinger.com/tutorials/website/how-to-inspect-and-change-style-using-google-chrome

      And add “rtl” class for your css code.

      Kind regards

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

Viewing 4 reply threads

You must be logged in to reply to this topic.