I'm creating a Wordpress theme with Genesis.
1.In homepage and archive page, I want display only featured image and post title. How could I remove post_content in hompage and archive page only. This link: http://my.studiopress.com/snippets/entry-content/ remove all content including when I view the post.
By default, Genesis display title -> post_info ->featured image -> post_content in the archive page. How could I restructure it. I would to display featured image fist ->title->post_info
Thanks
1. Hiding the Entry Content from Home & Archive Pages in Genesis:
You are on right track with entry_content hook via remove_action however as you want to happen it only on Homepage or Archive pages, you need to wrap that genesis code in WordPress's template tags i.e
<?php
if (is_front_page() || is_home() || is_archive() ) {
//* Remove the post content (requires HTML5 theme support)
remove_action( 'genesis_entry_content', 'genesis_do_post_content' );
}
?>
2. Changing the Order of Entry Parts in Genesis Framework
You can change order by changing Hooks or if hook is same then WordPress's hook priority value. Default value is 10 , higher the value, lower the hook placement.
For Example Entry Info and Entry Title are added this way:
add_action( 'genesis_entry_header', 'genesis_do_post_title' );
add_action( 'genesis_entry_header', 'genesis_post_info', 12 );
As you can see title's hook is default 10, and info is set to 12.
If I wanted to move post info up, I could simple remove title from 10, and add back at 14 e.g.
remove_action( 'genesis_entry_header', 'genesis_do_post_title' );
add_action( 'genesis_entry_header', 'genesis_do_post_title', 14 );
Now you can do change something from lower hook to above. Like in case of image, it is added at this hook:
add_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );
As genesis_entry_content hook is way lower than genesis_entry_header, you can remove this image from here and move to genesis_entry_header or different hook e.g.
remove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );
add_action( 'genesis_entry_header', 'genesis_do_post_image', 8 );
Above code removes Post image from the content section and then adds back to header section above the title.
See this visual guide for order of different genesis hooks: https://genesistutorials.com/visual-hook-guide/
Related
I found a code snippet to display the content before the main content and it worked.
Currently the content is displayed on all pages. (except shop page)
The code :
add_action( 'woocommerce_before_main_content', 'BannerShop', 35 );
function BannerShop(){
if(!is_shop()){
echo '<img src="https://localhost/demosite/wp-content/uploads/2015/06/512x356.png" >';
}
}
What I want to ask is, how to display content only for color attribute products in the form of links.
Example :
The display (content) will ONLY SHOW when the url is like this :
mysite.com/color/red/
Sorry if the explanation is not good because I don't really understand this.
Any help is greatly appreciated.
thank you
I understand your question is about displaying that extra content, if the current query is for a product archive page only showing products of a certain attribute 'color'.
Each WooCommerce attribute is an independent taxonomy.
WordPress's is_tax('parameter') function checks, if the query is for an existing custom taxonomy archive page (other than category & tag) & if the query is for that specific taxonomy 'parameter', in your case 'color'.
So, this code snippet in your functions.php or equivalent plugin should work:
add_action( 'woocommerce_before_main_content', 'BannerShop', 35 );
function BannerShop(){
(is_tax('color')) {
echo '<img src="https://localhost/demosite/wp-content/uploads/2015/06/512x356.png" >';
}
}
Though, to make the above template WooCommerce override work, declare WooCommerce support for your theme by adding the following lines to your functions.php or plugin equivalent:
function theme_add_woocommerce_support() {
add_theme_support( 'woocommerce' );
}
add_action( 'after_setup_theme', 'theme_add_woocommerce_support' );
I am trying to display a custom field on Woocommerce single product page just under the product image.
Does anyone know the hook for this custom field?
You can achieve the above by adding in follows hook -
function add_custom_field_just_under_image(){
global $product;
echo "Your custom code goes here";
}
add_action( 'woocommerce_product_thumbnails', 'add_custom_field_just_under_image', 10 );
Codes goes to active theme's functions.php
By default, from the edit product page, Woocommerce begins to paginate product variations once you have more than 20 for a single product. How can I remove this pagination, so that all product variations can be viewed at once from the edit screen, regardless of how many there are?
The previous answer is an absolute no-go. NEVER change plugin core files.
Please do the following:
add the following line in your functions.php (preferably in your child-theme folder too)
//Display 24 products on archive pages
add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 24;' ), 20 );
I achieved it thus (my use-case was to remove pagination entirely):
add_filter('woocommerce_admin_meta_boxes_variations_per_page', function() {
return PHP_INT_MAX;
});
https://woocommerce.wordpress.com/2015/07/13/improving-the-variations-interface-in-2-4/
The pagination restricts editing and saving to 10 variations at a time. But you can change the amount using the woocommerce_admin_meta_boxes_variations_per_page filter if needed.
So, as per: https://www.thathandsomebeardedguy.com/increase-woocommerce-variations-per-page-in-the-admin-product-screen/ edit your functions.php and paste the snippet there.
By default WC set pagination as 15 variations but you can change it from below file
/wp-content/plugins/woocommerce/includes/admin/class-wc-admin-assets.php
line no 205
'variations_per_page' => absint( apply_filters( 'woocommerce_admin_meta_boxes_variations_per_page', 15 ) )
Replace
'variations_per_page' => absint( apply_filters( 'woocommerce_admin_meta_boxes_variations_per_page', 1000 ) )
I am trying to change the layout of my single product page. For this i need to change the file wc-template-functions.php (found in plugins/woocommerce/includes).
I know for changing the template files i have to copy the folder into my theme and rename it to "woocommerce" but how does it work for a file in the folder includes?
If you take a look at the template for the single product page, specifically content-single.php you will see that the product images are attached to the woocommerce_before_single_product_summary hook.
To remove them you would need to use remove_action() and then to place them somewhere else you attach them to a different hook via add_action():
function so_31406339_move_images(){
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images ', 20 );
// for example, to move them to the very bottom of the page:
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_show_product_images ', 30 );
}
add_action( 'woocommerce_before_single_product', 'so_31406339_move_images' );
I want to make a simple change to WooCommerce default template. Currently, the gallery displays on the left side just under the main image. I want it to display on the right side just under the short blurb description. I managed to do this by adding the following code to the functions.php file:
/*Relocate Product Gallery*/
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
add_action( 'woocommerce_before_single_product_summary', 'woocommerce-main-image', 20 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_show_product_thumbnails', 100 );
The first line removes the group of images (main and gallery) from the left side.
The last line puts just the gallery exactly where I want it.
The middle line is the issue. I want just the main product image to appear where it should, but instead it's throwing an error. Am I using the wrong vaiable name to call just the main product image?
The short answer is that there is no function called woocommerce_main_image - you should be using woocommerce_show_product_images instead. If you check wc-template-hooks.php you'll see that it's hooked by default:
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
What's not clear is why it's not already showing - perhaps your template isn't calling the woocommerce_before_single_product_summary action.
You say you want to display the main image separately from the thumbnails; I'm going to give you the long-winded explanation as to how it all works so that you have a better understanding:
Have a peek at wc-template-functions.php - you'll find that the woocommerce_show_product_images() includes the product-image.php file via this line:
// wc-template-functions.php:716
wc_get_template( 'single-product/product-image.php' ); // Includes product-image.php
This displays the main image and has a hook for displaying the thumbnails:
// product-image.php:43
do_action( 'woocommerce_product_thumbnails' ); // woocommerce_show_product_thumbnails() is hooked to this
You can either create your own copy of product-image.php to override and remove the do_action() OR you can unhook the function that is actually displaying the thumbnails using remove_action(). If you look in wc-template-hooks.php again you'll see:
// wc-template-hooks.php:108
// This hooks the function to the action
add_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
That's what's hooking in the function to the action. You can remove this by putting...
// This unhooks the function from the action
remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails' );
... into your theme functions.php file. To display the thumbnails in a different location you can simply use either the woocommerce_show_product_thumbnails() function or wc_get_template( 'single-product/product-thumbnails.php' ) in your template; the former is simply a wrapper function for the latter.
Hopefully that's a clear enough explanation for you to figure the rest out. Good luck.
Thank you! Accomplished.
/*---Move Product Gallery*/
remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_show_product_thumbnails', 100 );