Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 14, 2018 at 4:38 pm #941972
    ikiyamay

    First sorry for my english first
    My problem is very simple
    how to setup the column animation’s time?
    like speed or duration
    because my client he didn’t see it, because it to fast…………..
    I want it “left to right” slower
    please help me
    Thanks

    April 14, 2018 at 6:16 pm #942005
    Mike

    Hey ikiyamay,
    Please try adding this css to WordPress > Customize > Additional CSS:

    .avia_transform .avia_start_delayed_animation.left-to-right {
    -webkit-animation: avia-ltr 1.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)!important; 
    animation: avia-ltr 1.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)!important; 
}

    The built in time is: 0.8s I changed to 1.8s, feel free to adjust to suit.
    If this doesn’t work please Please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    April 15, 2018 at 4:34 am #942117
    ikiyamay

    Dear Mike

    Thanks for your help, it work !
    ^_^

    April 15, 2018 at 7:31 am #942145
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    April 15, 2018 at 9:53 am #942160
    ikiyamay

    Thank you again, but I have another question,
    I have see “how to add the sidebat on the single product page” the question
    Is very good to work, but how to let the sidebar on the left side, because the solution is on the right side
    Thank you very much

    And this ode in the function.php
    // adjust settings on init
    add_action(‘init’,’ava534345953_init’, 50);
    function ava534345953_init() {
    add_action( ‘woocommerce_after_single_product_summary’, ‘avia_add_sidebar’, 25);
    }

    function avia_close_image_div() {
    echo “</div>”;
    }

    function avia_add_sidebar() {
    if(is_product()) {
    $avia_config[‘currently_viewing’] = “shop_single”;
    get_sidebar();
    }
    }

    .single-product-main-image {
    width: 25%;
    }

    And this css code in the Quick CSS field:
    .single-product-summary {
    overflow: hidden;
    width: 45%;
    float: left;
    margin-right: 5%;
    }

    .single-product .sidebar {
    width: 25%;
    }

    April 15, 2018 at 3:11 pm #942208
    Mike

    Hi,
    Can you please include a admin login in the private content area so we can take a closer look. Along with a link to a page that shows the sidebar.

    Best regards,
    Mike

    April 16, 2018 at 2:40 am #942381
    ikiyamay

    Thanks
    Below is the page link

    YSF-V553 Vacuum Cleaner

    right now the sidebar is on the right
    may I move it to left
    Thanks

    April 16, 2018 at 12:05 pm #942529
    Mike

    Hi,
    Thanks for the links, but I would like to login to see your settings should there be a easy solution. Right now I’m redirected to your home page when I try to go to /wp-admin/ I believe you may have a security plugin that will only allow login based on IP address, please disable.

    Best regards,
    Mike

    April 16, 2018 at 12:32 pm #942540
    ikiyamay

    sorry about that, I past the login address on private content
    Thanks

    April 17, 2018 at 1:50 pm #943099
    Mike

    Hi,
    I adjusted your css to this:

    /* single product sidebar left */
.single-product-main-image {
    width: 25%;
}
.single-product-summary {
    overflow: hidden;
    width: 45%;
    float: right;
    margin-right: 5%;
}
.single-product-main-image {
	float: right;
	margin-right: 0px !important; 
}
.single-product .sidebar {
    width: 25%;
	 float: left;
	border-left-style: none !important; 
    border-left-width: 0px !important; 
}
.single-product .inner_sidebar {
    margin-left: 0px !important; 
	margin-right: 50px !important; 
}

    Please check.
    For future readers, this was the function to create a single product sidebar:

    // single product sidebar
add_action('init','ava534345953_init', 50);
function ava534345953_init() {
	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
}

function avia_close_image_div() {
	echo "</div>";
}

function avia_add_sidebar() {
	if(is_product()) {
	$avia_config['currently_viewing'] = "shop_single";
	get_sidebar();
	}
}

    Best regards,
    Mike

    April 17, 2018 at 5:44 pm #943176
    ikiyamay

    You are the BEST !!!!
    Thank you very much
    ^_^

    April 17, 2018 at 6:04 pm #943185
    Jordan Shannon

    Hi,

    I’m glad Mike was able to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How to setup the Column animation speed or duration ?’ is closed to new replies.