Home Forums Themes Support Claue Adding Filter to my product categories pages

This topic contains 40 replies, has 2 voices, and was last updated by  Harry 1 week, 4 days ago.

Viewing 15 posts - 16 through 30 (of 41 total)
  • Author
    Posts
  • #32032

    To increase font size please use below code

    .header-text {font-size: 16px;}

    Regards

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

    #32033
    gnikolaev11
    Supported

    Thanks you are great!
    Moving on to the next thing. When I open any product, variations are previously selected. Please tell me how to fix that. I have attached a screenshot.

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

    Please edit product and change default value like this http://prntscr.com/o6jdkf

    Kind regards

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

    #32036
    gnikolaev11
    Supported

    Thanks. Next thing I want to ask about is the checkout page. Is there a way to customize it as I want to change a couple of things there. I want to change the way things are positioned and also I will attach a screenshot with the 2 blue fields that appear. Can we remove the blue and for the coupon code field to only leave the grey field and remove the blue one and put it on the bottom of the page.

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

    Hi,

    I’m sorry. For this case it can’t because it need click to text to show grey field. By default the grey field hidden.

    Kind regards

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

    #32039
    gnikolaev11
    Supported

    Why? Isnt that page built by you? So there should be a way to fix that. Isnt there a way to build a whole new checkout page as this one is no good for me. Everything is messed up and because of these blue fields it becomes extremely long.

    #32040

    Hi,

    These fields generate by plugin WooCommerce not our theme.

    You can remove 2 fields by add below code to claue-child > functions.php

    add_action( 'wp_head', 'customize_checkout_page' ); 
    function customize_checkout_page(){
    remove_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_login_form', 10 );
    remove_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form', 10 );
    }

    but can’t move grey form to bottom.

    Kind regards

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

    #32041
    gnikolaev11
    Supported

    Okay but cant I create a whole new checkout page with some plugin and mark it as the checkout page in woocommerce settings?

    #32042

    It doesn’t have plugin to you create new page and assign as checkout page. It only have plugin to customize fields of address.

    Kind regards

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

    #32043
    gnikolaev11
    Supported

    Well I cannot understand. That checkout page is created by you. Thats not a default woocommerce page so why arent we able to change the checkout layout when I dont like it ? it doesnt suit my suit in any way possible. 1 checkbox is big, 1 is small is super random.

    #32047

    Hi,

    You mean the sample content. The sample content create by us but the page layout use only code [woocommerce_checkout] and it generate checkout page. It is required and default of WooCommerce.

    Kind regards

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

    #32066
    gnikolaev11
    Supported

    Okay. Moving on to the next things.
    1.Why when I hover over products it says “Options” but not “Add to cart” ( screenshot attached)
    2.Why sizes in my filter are L,M,S instead of S,M,L when I have set the order to be S,M,L (screenshot attached)
    3.Why one product’s photo flips when hovering and other don’t its random. I want all images to flip to second one when hovering ( screenshot attached)
    4.On mobile the “Add to cart” button goes out of the button area and looks bad (screenshot attached)
    5.Also on mobile, the newsletter in the footer button looks strange as it is not alligned with the box.( screenshot attached)
    6.On mobile when you open a category , all of the categories appear under the main menu. When sliding these categories they dont stop with the last categories but keep on sliding for infinity which is not good as there is just a white field left.(screenshot attached).

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

    Hi,

    1. Because your product have more variations so user need select variation before add to cart. If your product is simple product it will show add to cart button.

    2. Please go to Product > Attributes > Size > Config Term and drag to re-order http://prntscr.com/o7izvw

    3. Please upload the image you want so on hover in 1st in product gallery

    4,5,6. Please add below code to Claue > Theme Option > General Layout > Custom CSS

    
    .signup-newsletter-form input.input-text {
    	width: calc(100% - 130px);
    }
    @media only screen and (max-width: 1024px) {
    .product-image .product-btn .button {
    	display: block;
    }
    .yith-wcwl-add-to-wishlist ~ .product-btn {
    	top: 40% !important;
    	left: 50%;
    	transform: translate3d(-50%, -50%, 0);
    }
    .btn-quickview::after {
    	left: 9px;
    	top: -7px;
    }
    }
    @media only screen and (max-width: 736px) {
    .shop-top-sidebar .woocommerce {
    	min-width: 550px;
    }}

    Kind regards

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

    #32089
    gnikolaev11
    Supported

    1.I have arranged the sizes just like that but still appear in reverse order ( You can see screenshot attached)
    2.Add to cart button problem still remains after I pasted the code. ( You can see it bellow too)
    3.There is some problem on mobile, the “Options” button appears over the image withouth hovering and just stays there and the “quick view” button cannot be even seen. I want it to be like on the pc version. To appear when hovering. Idk why that happens.( See screenshot)
    Thanks

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

    Hi,

    1. Please go to Yith plugin > Ajax Filter and follow this screenshot http://prntscr.com/o7vrfu

    2. Please change prev code to

    .signup-newsletter-form input.input-text {
    	width: calc(100% - 130px);
    }
    @media only screen and (max-width: 1024px) {
    .product-image .product-btn .button {
    	display: block;
    }
    .yith-wcwl-add-to-wishlist ~ .product-btn {
    	top: 40% !important;
    	left: 50%;
    	transform: translate3d(-50%, -50%, 0);
    }
    .btn-quickview::after {
    	left: -27px;
    	top: 7px;
    }
    }
    @media only screen and (max-width: 736px) {
    .shop-top-sidebar .woocommerce {
    	min-width: 550px;
    }}
    @media only screen and (max-width: 480px) {
    form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    	width: calc(100% - 165px);
    	font-size: 12px;
    	padding: 0 15px;
    }}

    3. I’m sorry on mobile it support hover not good for all device some device it work some device it not work, so we show button not on hover.

    Kind regards

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

Viewing 15 posts - 16 through 30 (of 41 total)

You must be logged in to reply to this topic.