Home Forums Themes Support Claue Help In Responsive Settings

Topic Resolution: Resolved
Viewing 61 reply threads
  • Author
    Posts
    • #19782

      Hey i have added a new row on the home page with 2 columns one beside other like this : https://www.dropbox.com/s/t2o0sit7zfxjnf7/Screen%20Shot%202018-04-29%20at%2012.46.44.png?dl=0

      But on the mobile version it is appearing one below other like this : https://www.dropbox.com/s/dhxwyo1ccqvttym/IMG_3241.jpg?dl=0

      , i tried to do the responsive settings to 12/1 but it instead sends the whole column off the screen on desktop.

      Please help me i want it to appear one beside other like on the dekstop

    • #19815

      Hi,

      I help you fix this issue

      Best regards

       

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

    • #19850

      I did try this but it sends the whole row towards right and off the screen.

      doesnt help

    • #19866

      Hi,

      I help you make 2 box in one row on mobile. Please try clear cache and check in again.

      I think you should let 2 box in 2 row so user can view the message on box on mobile. It now hard to read small text.

      Best regards

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

    • #23023

      i want to add a preloader to website that shows up before my site loads.

      also is it possible to bring the search & wishlist icon on the main header beside cart icon in mobile version and place the logo on the left? ( MOBILE VERSION )

    • #23040

      Hi,

      Yes, it can but where you want to show menu button on mobile? Is it next to logo?

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

      • #23341

        1st i want the menu button on the left then next to that my logo then on the right search icon then wishlist icon and then cart icon just like it is on this site : https://imgur.com/a/alEav8q

        i want the exact same header on my mobile version. please help

    • #23348

      Hi,

      Please download attach file and extract to claue-child > views > header

      and add below code to Theme Option > General Layout > Custom CSS

      @media only screen and (max-width: 960px) {
      .jas-branding {
      	margin: 0;
      }}
      Attachments:
      You must be logged in to view attached files.

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

    • #23356

      i just uploaded the child theme but will activating the child theme make me loose all my content or will there be any issues?

       

    • #23357

      Hi,

      Activate child theme not lose your content just have re-arrange widget in Appearance > widgets

      Regards

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

    • #23370

      i did not try to put the header files yet but after activating the child theme i get 2 wishlist icons in the  product page. how to solve this?

      here : https://imgur.com/NE8ozTd

       

    • #23377

      Hi,

      Please go to your claue-child > woocommerce > single-product > add-to-cart and delete variable.php

      Best regards

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

    • #23380

      also the header file to extract you asked for,

      “Please download attach file and extract to claue-child > views > header” i dont see views folder in claue child folder in themes (this is what i see in claue child folder : https://imgur.com/YtAm99n ) but i can see it in claue  folder in themes (this is what i see in claue folder :https://imgur.com/qmcDd4M )

      So should i upload and extract the files in claue folder and reactivate claue main theme?

    • #23383

      Hi,

      You have to create 2 new folders in claue-child (views, header)

      You have to activate child theme to active new header layout.

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

    • #23384

      so i just need to create those two folders like first views under that header and under that i have to extract the attached file?

    • #23386

      Yes,

      You create views in claue-child and header in views and extract file into header

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

    • #23389

      i did upload and extract the file u attached but in the Theme Option > General Layout > Custom CSS there is already some media code (this : https://imgur.com/a/om6wxVp ) should i replace this with this : @media only screen and (max-width: 960px) {
      .jas-branding {
      margin: 0;
      }}

      or shoul i add it in the bottom ( here : https://imgur.com/a/YFGio1G )

       

    • #23390

      Hi,

      Please remove 3 first lines in Theme Option > General Layout > Custom Css and add new code to the bottom.

      Best regards

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

    • #23392

      can u please specify which 3 lines?

      .single-product.postid-5532 .jas-container { width: 100%; padding: 0 30px;}
      .sidebar .widget.yith-woocommerce-ajax-product-filter ul li:before { content:none;}
      .sidebar .widget.yith-woocommerce-ajax-product-filter ul li { padding-left: 0;}

      these? or

      @media only screen and (max-width: 736px) {
      .product-inner.pr {
      background: #f2f2f2;

      these?

    • #23395

      Please remove these code

      .single-product.postid-5532 .jas-container { width: 100%; padding: 0 30px;}
      .sidebar .widget.yith-woocommerce-ajax-product-filter ul li:before { content:none;}
      .sidebar .widget.yith-woocommerce-ajax-product-filter ul li { padding-left: 0;}

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

    • #23402

      i did do as said but this is what happens : https://imgur.com/XxxbQpb

      i need it like : Menu Button , The Logo Then On the right search,wishlist  and cart icons like this : https://imgur.com/a/alEav8q

      This is the code in my Custom Css : @media only screen and (max-width: 736px) {
      .product-inner.pr {
      background: #f2f2f2;
      border-radius: 0 0 5px 5px;
      }
      .product-info.mt__15 {
      padding: 0 10px 6px;
      }}
      @media only screen and (max-width: 960px) {
      .jas-branding {
      margin: 0;
      }}

    • #23404

      Hi,

      Sorry, please change name of file you extract to layout-3.php

      Best regards

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

    • #23405

      yes worked thank you soo much.

      You guys be the best 🙂

    • #23406

      You’re welcome.

      Have a nice day!

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

    • #23460

      Also my homepage loads very slow, where as other pages loads up quickly.

      like : Genius18.com/shop/ loads up quickly but only genius18.com takes up lot of time.

      any suggestions or fix?

    • #23477

      Hi,

      This issue because on homepage have more bigger images and Instagram images load from external source.
      https://gtmetrix.com/reports/genius18.com/NRWbBrTj

      Please optimize your images before upload at https://tinypng.com/

      Kind regards

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

    • #23619

      my variation swatch plugin is not working
      its active you cam see here : https://imgur.com/EPaofv7
      but on the product page i still get dropdowns :https://imgur.com/Kgj8xT6

      Maybe beacause i deleted one variation swatch plugin which was not active?

    • #23628

      Hi,

      Please go to Product > Attributes and change color type to color and size to label.

      Regards

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

    • #23666

      also on the images in shop page and product page the orange label on image show “SALE”( here : https://imgur.com/ttSsbqY )_. Mine are variable products but the price for all the variable are same as the main price , so is there any way i can show discount percentage in place of sale?

    • #23670

      Hi,

      I’m sorry it now doesn’t support show discount percent for variation product.

      You can add below code in claue-child > functions.php to show discount percent next to price

      // Add the saved discounted percentage to variable products
      add_filter('woocommerce_format_sale_price', 'add_sale_price_percentage', 20, 3 );
      function add_sale_price_percentage( $price, $regular_price, $sale_price ){
          // Strip html tags and currency (we keep only the float number)
          $regular_price = strip_tags( $regular_price );
          $regular_price = (float) preg_replace('/[^0-9.]+/', '', $regular_price);
          $sale_price = strip_tags( $sale_price );
          $sale_price = (float) preg_replace('/[^0-9.]+/', '', $sale_price);
       
          // Percentage text and calculation
          $percentage  = __('Save', 'woocommerce') . ' ';
          $percentage .= round( ( $regular_price - $sale_price ) / $regular_price * 100 );
       
          // return on sale price range with "Save " and the discounted percentage
          return $price . ' <span class="save-percent">' . $percentage . '%</span>';
      }

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

    • #23672

      after adding the code it says save 0% on all the products , here (https://imgur.com/PzOkU8m)

    • #23677

      I check on my local it only show for product have sale price http://take.ms/r7pcd it doesn’t show on normal product. This issue on your site related plugin Wallet.

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

    • #23767

      should i remove the wallet plugin?

       

    • #23782

      If you don’t need use any function of wallet plugin you can remove.

      Kind regards

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

    • #23796

      the product page is having issues

      when i click on any product with different colors it shows properly (here : https://imgur.com/P6yPVzp )

      Then if i select a different color from the options the photos of the products are shown one below other ( here : https://imgur.com/ZYvD8u5 )

    • #23802

      Hi,

      I help you fixed by go to Settings > Autotimize and uncheck optimize javascript. It now have conflict JS on your site so it cause the issue.

      Kind regards

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

    • #23806

      but doing this will slow down my website as tested on gtmetrix

       

    • #23808

      Hi,

      I see you’re using a plugin for minify JS. So you now do it 2 times. you can turn it off in Autoptimize.

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

    • #23810

      what if i remove the plugin of minify and merge instead of deactivation Autotimize?

      will the problem be solved and my site speed be the same?

    • #23811

      and optimise javascript code is unchecked by default it is not active in Autotimize

    • #23812

      I’m not sure because it now still have conflict JS on your site. Please try do it.

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

    • #23813

      Now the thing is ,optimise javascript code is unchecked by default it is not active in Autotimize and the merge minify plugin is active

      can you please tell me what exactly is to be done?

    • #24148

      getting this error when i try to go to order details i.e when i click on a order to edit it,  in woocommerce tab.

      Please help

      error ;

      Fatal error: Uncaught Error: Call to a member function get_currency() on null in /home/genivzno/public_html/wp-content/plugins/claue-addons/includes/currency/init.php:510 Stack trace: #0 /home/genivzno/public_html/wp-includes/class-wp-hook.php(286): Claue_Addons_Currency->jas_currency_raw_woocommerce_price(0) #1 /home/genivzno/public_html/wp-includes/plugin.php(203): WP_Hook->apply_filters(0, Array) #2 /home/genivzno/public_html/wp-content/plugins/woocommerce/includes/wc-formatting-functions.php(544): apply_filters(‘raw_woocommerce…’, 0) #3 /home/genivzno/public_html/wp-content/plugins/woo-wallet/includes/class-woo-wallet-admin.php(121): wc_price(0) #4 /home/genivzno/public_html/wp-includes/class-wp-hook.php(286): Woo_Wallet_Admin->admin_scripts(‘post.php’) #5 /home/genivzno/public_html/wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters(NULL, Array) #6 /home/genivzno/public_html/wp-includes/plugin.php(453): WP_Hook->do_action(Array) #7 /home/genivzno/public_html/wp-admin/admin-header.php(97): do_action(‘admin_en in /home/genivzno/public_html/wp-content/plugins/claue-addons/includes/currency/init.php on line 510

    • #24156

      Hi,

      This issue cause by conflict WooCommerce Wallet plugin, we recommend deactivate this plugin if you don’t use this.

      Kind regards

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

    • #24178

      is there any other wallet plugin i canuse? because i really need the wallet plugin

    • #24215

      Hi,

      I checked the Wallet plugin you used on my local it still work well. Could you try update theme to latest version and check again.

      Kind regards

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

    • #24240

      One last help is needed.

      I need to customise the checkout page.

      Currently all the options like selecting patment method, adding address cart total everything is shown in one single page.

      I want it to be in 3 different stages(pages). This is

      1st Address selection : https://imgur.com/FcYbYrk

      2nd Order summary : https://imgur.com/UmmITgb

      3rd Payment : https://imgur.com/B1DaDaj

      like it is on the https://www.bewakoof.com/

      Is there anything we can do?

      i dont want it to be same as the images but i want it in three stages with proper layout

      im ready to pay and also give you my wordpress credentials.

       

      Attachments:
      You must be logged in to view attached files.
    • #24251

      Hi,

      I’m sorry we are now busy so can’t help you customize the job. Please contact with WP Kraken team for help.

      Kind regards

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

    • #24267

      When will you guys be free?

       

    • #24271

      Hi,

      I’m not sure when we free.

      For the issue with Wallet plugin, please delete plugin claue-addons and reinstall again.

      Kind regards

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

    • #24319

      Okay so i tried installing WooCommerce Multi-Step Checkout By SilkyPress plugin so that i can customise my checkout page and split it into multi steps, but the plugin doesnt work after activating it. The plugin worked fine when i switched the theme back to the default one that is twenty seventeen. I did contact the plugin developer and he said

      “It means that the theme also modifies the checkout page and it overwrites the changes from the WooCommerce Multi-Step Checkout plugin.

      I cannot test with the Claue theme, as this is a commercial theme. Maybe you can contact the theme developers and ask them for a solution. ”

      here is the plugin link : https://wordpress.org/plugins/wp-multi-step-checkout/

      will you please atleast help me with this

    • #24337

      Hi,

      Please go to themes/claue/core/libraries/vendors/woocommerce/templates/ and rename folder “checkout”

      and you have do it again when update new version of theme.

      Kind regards

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

    • #24375

      rename folder “checkout” to?

      and after renaming i have to install the plugin and check right?

    • #24391

      Yes, please rename and install plugin and check again.

      Kind regards

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

    • #24400

      what should i rename the folder to?

    • #24405

      Hi,

      Please change to any name to different “checkout”, example “checkout1”

      Kind regards

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

    • #24458

      where can i download the claue addons plugin because u said to delete and reinstall the plugin

    • #24465

      Hi,

      After delete please go to Appearance > Install plugin to auto download and install.

      Kind regards

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

    • #24476

      the checkout page on mobile is off screen

      check attachment

      Attachments:
      You must be logged in to view attached files.
    • #24988

      i changed the color scheme for my website, but it doesnt appear to be live on the website

      website : https://imgur.com/olIrjfB

      settings : https://imgur.com/nUD6clD

      View post on imgur.com

      View post on imgur.com

      Attachments:
      You must be logged in to view attached files.
    • #24990

      Hi,

      I checked these option the code update http://take.ms/VyQMz

      Kind regards

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

    • #25002

      i dont know y again my checkout plugin WooCommerce Multi-Step Checkout by SilkyPress is not working! please help im loosing sales

    • #25012

      Hi,

      I’m not sure which cause the issue, please try unminify js or contact with plugin author.

      Kind regards

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

Viewing 61 reply threads

You must be logged in to reply to this topic.