Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 1, 2015 at 8:55 am #373784
    garycedar

    Hi… I searched the Forums but could not find a clear answer to these questions that is current.

    1) POST NAVIGATION LINKS
    In the upper-right corner of each post, I would like to add a “Previous Post” and “Next Post” TEXT LINK to both the WooCommerce Posts and Blog Posts above the Feature Photo / Post Title in the div [ #top .template-shop .container ]. This way a simple Post Navigation will be visible at the “top of the posts” on all screen sizes desktop and responsive. How can I achieve this?

    2) BACK TO “GRID THUMBNAIL DISPLAY”
    Also, is there a way I can add a TEXT LINK in the upper-left corner of all posts that would take the user back to the SHOP GRID THUMBNAILS page where they were “before they began viewing posts”? This way they do not have to start their search over again on the Shop Homepage, or hit the Back button many times..

    For example, let’s assume the Grid Thumbnail page was set to display (15 posts per page) and I was on Page 3 of the Thumbnail display (posts 46-60) before I began viewing individual posts. I then viewed 5 posts and wanted to return back to the Grid Thumbnails Page “where I was prior to viewing individual posts”. This way I can continue my search from there without having to start all over again. Is this possible?

    3) SOCIAL ICONS – SHARE THIS ENTRY (WooCommerce Posts)
    Can I add the “Social Share Icons” to the WooCommerce Posts, just like you have them displayed on the Blog Posts? This way I will not have to use a 3rd Party Plugin.

    Many thanks for your kind assistance!
    Gary

    January 2, 2015 at 5:22 pm #374095
    Elliott

    Hi garycedar!

    1. Add this to the bottom of your functions.php file.

    add_action( 'woocommerce_before_main_content', 'enfold_customization_navigation_links' );
function enfold_customization_navigation_links(){
	$previous = get_previous_post();
	$next = get_next_post();
	echo '<a href = "'.$previous->guid.'">'.$previous->post_title.'</a>';
	echo '<a href = "'.$next->guid.'">'.$next->post_title.'</a>';
}

    2. Try adding this to the function.

    echo '<a onclick = "window.history.back()">Go back</a>';

    3. See here, https://kriesi.at/support/topic/social-buttons-on-woocommerce-product-pages/.

    Cheers!
    Elliott

    January 2, 2015 at 8:27 pm #374204
    garycedar
    This reply has been marked as private.
    January 3, 2015 at 5:11 pm #374484
    Elliott

    Hey!

    1. Send us a link to the page and take a screenshot highlighting exactly what your trying to do.

    2. I do not know if that is possible or not. It would be best to hire a freelancer to help you out with that customization.

    3. Change the code to this.

    add_action( 'woocommerce_before_main_content', 'enfold_customization_navigation_links' );
function enfold_customization_navigation_links(){
        if ( is_product() ) {
	$previous = get_previous_post();
	$next = get_next_post();
	echo '<a href = "'.$previous->guid.'">'.$previous->post_title.'</a>';
	echo '<a href = "'.$next->guid.'">'.$next->post_title.'</a>';
        }
}

    Regards,
    Elliott

    January 3, 2015 at 9:03 pm #374547
    garycedar
    This reply has been marked as private.
    January 4, 2015 at 9:42 pm #374801
    garycedar
    This reply has been marked as private.
    January 4, 2015 at 9:46 pm #374803
    garycedar
    This reply has been marked as private.
    January 5, 2015 at 3:38 am #374915
    Ismael

    Hi!

    Use this to move the navigation:

    .woo-product-previous {
position: absolute;
top: 150px;
right: 0;
z-index: 1000;
}

    Regarding the title, add this on functions.php:

    add_filter('wp_footer', 'avf_product_title', 10);
function avf_product_title() { ?>
<script>
(function($){
    $(window).load(function(){
		if ($(window).width() <= 768){
		var title = $('div.product .product_title');
		$('.single-product-main-image.alpha').prepend(title);
		}
	});
	
})(jQuery);
</script>
<?php
}

    Remove browser cache then reload the page.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.