Home Forums Themes Support Claue Clua Yith gift card

Topic Resolution: Resolved

This topic contains 53 replies, has 2 voices, and was last updated by  Mag8891 2 months, 1 week ago.

Viewing 15 posts - 16 through 30 (of 54 total)
  • Author
    Posts
  • #22230
    This reply has been marked as private.
    #22233
    This reply has been marked as private.
    #22251
    This reply has been marked as private.
    #22253

    on question 4 I received a reply from Woocommerce topic above they give this article https://hollerwp.com/customize-woocommerce-checkout-page/ , and it seems that there is a lot of hooks,

    Do you think it is possible to use the hooks in red to move coupon field?

    thank you

    Attachments:
    You must be logged in to view attached files.
    #22255
    This reply has been marked as private.
    #22262

    Hi,

    1. Please change code to

    .ywgc-have-code + .ywgc-enter-code {
    margin-top: 10px;
    margin-bottom: 0;
    background: #f1f1f1;
    padding: 20px;
    display: inline-block;
    width: 100%;
    }
    #giftcard_code {
    margin-right: 10px;
    }
    .ywgc-enter-code p { margin-bottom: 0;}

    @media only screen and (max-width: 414px) {
    .woocommerce form .form-row-first, 
    .woocommerce form .form-row-last,
    .ywgc-enter-code .form-row,
    .woocommerce form .form-row button,
    .checkout_coupon .input-text,
    .ywgc-enter-code .form-row .button {
    	width: 100%;
    }
    .ywgc-enter-code .form-row { 
    margin-bottom: 10px;
    }
    #giftcard_code {
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 10px;
    }
    }

    9. Please change code to

    button#give-as-present {
    	margin: 0 0 0 10px !important;
    	border: 1px solid;
    	font-weight: bold;
            text-transform: uppercase;
    }
    button#give-as-present {
    	padding: 0 15px;
    }
    .product-quickview .single_add_to_cart_button {
    	padding: 0px 15px;
    	font-size: 12px;
    }
    .product-quickview button#give-as-present {
    	padding: 0px 15px;
    	font-size: 12px;
    }
    @media only screen and (max-width: 1024px) and (min-width: 900px){
    .single_add_to_cart_button {
    	padding: 0px 15px;
    	font-size: 12px;
    }
    button#give-as-present {
    	padding: 0px 15px;
    	font-size: 12px;
    }
    }
    @media only screen and (min-width: 801px) {
    .product-quickview .jas-col-md-5,
    .product-quickview .jas-col-md-7 {
    	flex-basis: 50%;
           max-width: 50%;
    }}
    @media only screen and (max-width: 800px) {
    button#give-as-present {
    	margin: 0 0 !important;
    }}

    For duplicate gift forms please add below code

    .btn-atc .ywgc-generator + .ywgc-generator, .jas-sticky-atc #give-as-present {display: none;}

    Best regards

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

    #22265
    This reply has been marked as private.
    #22266
    This reply has been marked as private.
    #22274

    Hi,

    4. Please remove the code i suggested and try add below code to fucntions.php in claue-child

    remove_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form', 10 );
    add_action( 'woocommerce_review_order_before_payment', 'woocommerce_checkout_coupon_form' );

    9. Please change code to

    .btn-atc .ywgc-generator + .ywgc-generator, .jas-sticky-atc #give-as-present {display: none !important;}

    Best regards

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

    #22285
    This reply has been marked as private.
    #22291

    Hi,

    For coupon form i recommend choose option 1. For option 2,3 it better for user but have issue with WooCommerce it can’t control. I think we have to report this issue with WooCommerce team.

    9. I check product cyan-boheme it still work well on my computer http://take.ms/L2B7h

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

    #22302
    This reply has been marked as private.
    #22306

    I don’t know how do you find out that coupon form is called woocommerce_checkout_coupon_form, I use firefox inspect or chrome, and don’t seem to see this name. thank you

    #22317

    Hi,

    1. Could you ask plugin author function to generate gift card on checkout page. I will suggest you code to move

    9. Could you please choose product page layout style you will choose for your site and make sure you show sidebar on product detail page, I can’t take care all product layout.

    10. The function is default of WooCommerce you can find in plugins > WooCommerce > includes > wc-template-hooks.php

    Best regards

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

    #22323
    This reply has been marked as private.
Viewing 15 posts - 16 through 30 (of 54 total)

You must be logged in to reply to this topic.