I am looking help to change Woocommerce single product page layout. Currently Description, Reviews, Additional Information, and Questions and Answers are buttons next to each other. I want to edit them to be viewed one below each other in the following format.
Description
Additional Information
Reviews
Question and Answers.
Please refer to this link to know the current layout assigned.
https://phoneghanti.com/product/samsung-galaxy-j8/
Any help will be much appreciated.
In order to change the layout of the Woocommerce single product page.
Here, Single Product Page hooks, all you need to do in your functions.php is “add_action(‘place-hook-here’,’your-PHP-function-here’);” and you can place your custom functions in active theme.
Note:
The child theme is the best way for theme/plugin customizations.
https://businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/
https://businessbloomer.com/?s=single+page
Related
I have a question about the Woocommerce product edit page within the admin area. Is it possible to add some sort of next/previous links inside? With a functions.php hack for example or plugin?
Woocommerce product edit page
We have a lot of products and it was convenient if we could navigate to the next without leaving the edit page.
I think this can help you achieve your goal:
https://developer.wordpress.org/reference/functions/add_meta_box/
https://codex.wordpress.org/Plugin_API/Filter_Reference/attachment_fields_to_edit
By adding a meta box you'll be able to display a group of links that will redirect to the next and previous products
Sorry I can't provide an exact snippet that would work, but I hope you can research around the notes I gave you if you find them useful.
Good luck!
I have a WooCommerce store with Elementor.
I'm using an Elementor category product page template to generate the product page for each set of products.
I want to use this plug-in to create a table instead of a product grid: https://barn2.co.uk/wordpress-plugins/woocommerce-product-table/
To display the table, the creator of the plug-in provides the following shortcode: [Product Table]. I know you can modify the table to display a specific sub-category, but is it possible to automatically pull the subcategory for each page from a single shortcode? If not, I would need to create a new template for each shortcode...
For example: If I fill in the product id of e.g. category 2 in the shortcode, the Elementor product page template will display the table for this category on every page.
Question
Can I make the subcategory aspect of a shortcode dynamic? Preferably, the X is set automatically to the product's category of which page is being visited.
There is a question very similar to this, but I am a beginner and the .php code they provided was a little hard to understand...
Here's a link to the original question: Insert WooCommerce product id dynamically in shortcode
Any help would be greatly appreciated! Thanks guys.
It looks like this page in the plugin documentation answers your question.
How can we customize cart items in magento. I have used custom options but it is not working as intended. All I need is to show some configurable data in cart page and in order page.
Can some one help how can I achieve it.
Edit: To elaborate, along with cart item, type and qty. I want to display supporting text for each item type. I got it working with custom options, but I had to include qty inside custom options which created an issue on cart page during cart update. Now I am looking for some other way by which I can acheive same thing.
Thanks
According to your question, you are trying to edit the product that are in the cart. Hope i am getting you right. For this you just need to have a look at the file default.phtml in
app/design/frontend/base/default/template/checkout/cart/item/default.phtml
This phtml file is responsible for displaying the item in the cart. Here you can get the custom options of the product as well. You can edit as per your requirement.
But remember before you edit copy this file to your theme because this is the best practice not to edit the magento's core files.
Hope this will help.
I'm planning a WooCommerce plugin which should override the default shop page "product grid" with my own (a masonry grid with custom styling, pagination and filters).
I see that many developers include template pages in their plugins (archive-product.php) to customize the shop loop output; is this the only way to do it?
I'm asking because I would let the user to customize his grid in WP admin screen (you know, changing columns count, products per page, load-more button/infinite scroll, etc).
Thanks in advance.
To answer your question, it's not the only way. You can also register your own custom template in your plugin, which can be called pretty much anything.
I'm using Hellowired theme of magento and I'm trying to display Product attributes on the product page but it is not at all visible except Product description. I want to display tabs like 'product description' in 5 or 6. Is there any way to easily do this without going into code? or if I really want to use coding, then how?
In the Magento admin (Catalog->Attributes->Manage Attributes), ensure that the product attributes you want to display are set to 'Visible on Product View Page on Front-end'.
Then you need to hope that your theme is programmed to display them all. If it isn't then the only way is using code.
To use code, you will need to edit your theme's file:
app/design/frontend/yourtheme/default/template/catalog/product/view.phtml
If you have never coded a Magento theme before you may want to do some research into Magento's theme structure, seek some tutorials on 'local.xml' and if you want to understand what is really going on then work through every line of code in Alan Storm's book 'No Frills Magento Layout'.