How to change Woo Commerce page in wordpress - woocommerce

I am trying to get rid of the information displayed above the actual check out page. It shows me Welcome Admin, and contact numbers and email. I want to change those details.
The checkout page in wordpress only shows a shortcode for [woocommercepage_checkout], which css should i go to ?
Cheers

You can use a hook to which you can add your custom css.(A helpful like for this would be WP_ENQUEUE_STYLE)
In the hook function you can register and enqueue your custom css file. In order to ensure that your custom CSS won't desrupte other page's styling write your enqueuing line in a conditions like is is_checkout().
All this code you need to add in your theme's functions.php or you can add this in your custom plugin.
Later all styling part can be handled in the css file which you register and enqueue.
This way you can Elegantly deal with the styling in a WordPress way.

Related

How to create such buttons with Wordpress?

I'm very new to WordPress (tbh, it's my first time working with it). And I need to make a website as my school project using CMS. Creating pages with templates is alright, but I have a lot of troubles with buttons. I found this website, and I can see it using WordPress. I need such buttons as on this page https://movie-chooser.co.ua/random-movie-2/ (they appear when you hover over the image). Is this a default option for buttons in WordPress? If not, is there a plugin for this or what is the way to add them on my images?
First Install Elementor plugin https://wordpress.org/plugins/elementor/
and go to page when you add button and open page with elementor
and do drag and drop any element like button, space, text editor etc.
You have several ways to achieve that:
Overwritting Wordpress CSS
Using a plugin
Create your own shortcode
1 - Overwriting Wordpress CSS
If you manage to display all the elements using wordpress template, and your only issue is to display buttons over the images, then it should only be a matter of CSS
2 - Using a plugin
The idea here is to find a plugin that help you to create/display the informations you need (maybe you'll need to add functionnality to basic post though custom fields or using a custom post type).
Once you find the right plugin, again if the plugin dosen't directly offert some settings on the design then you'll have to overwrite the plugin's CSS rules to display the elements as you want.
3 - Create your own shortcode
If you're new to Wordpress I wouldn't recommend this method as it is kind of advanced, unless you're comfortable with PHP/HTML/CSS (optionaly JS).
This is the more flexible solution as you can basically control anything, but it will require you to understand some core concepts of Wordpress like WP Query and how custom queries works.
The idea here is to create a shortcode.
THis shortcode refere to a custom made PHP function, in which you can create a custom request to fetch the informations you need to display from Wordpress database, and display it in an HTML structure that you decide.
THen angain, you'll just have to customize it though CSS.
Note : no need to create a whole plugin if you decide to create a shortcode, you can use the template functions.php file for that.

Can we add a header and footer from a plugin in WordPress?

I want to add my own header and footer to a WordPress website and not sure if it is possible ? I tried and researched a lot and even used wp_head action to insert my code but it's not for that purposes and it is inside head section of a page.
My question is can we add our own header from a plugin ? If yes, then how ? If not then any suggession to make it done.
Thanks
you need to add your own code in your theme header.php and footer.php file or customize those file with your own code. This is best solution for you. After customize your files, you can backup those files based on theme update, so that you can you can get back your own code again.
Yes you can do it from a plugin.
First of all you must read some documentation:
about action hooks
get_header hook
and wp-includes/general-template.php
with the above as toolbelt you can do it.
I can not understand why you want to make this. If you make a theme the header and footer is custom. If you working on existing theme make a child theme an make custom header and footer.
Home i helped!

override woocommerce.php with custom content for only store homepage

I currently use FoundationPress (Foundation6) as framework and starter theme. It uses woocommerce.php template files to hook into woocommerce functionality but for the life of me I can't figure something out.
I need to add custom content to the stores homepage only, non of the other store pages. Whatever I add to woocommerce.php will appear on all store pages, but I can't figure out what template controls the stores homepage.
The first set of templates I can see are used are the ones that are inthe loop folder and content-product.php. Normally I would just edit archive-product.php but woocommerce.php takes over from this template: see bottom of https://docs.woocommerce.com/document/template-structure/.
The shop is archive-product. However I did not try FundationPress but it seems that WooCommerce needs in the last version to declare WooCommerce support in themes. https://github.com/woocommerce/woocommerce/wiki/Declaring-WooCommerce-support-in-themes
So first try https://en-gb.wordpress.org/plugins/query-monitor/ and check which template is loading. And if its loading page.php instead of Woocommerce template implement the line in functions.php.

Best place to add a Woocommerce single product page hook

I need to add a section of boilerplate text about shipping info to the end of the WooCommerce single product page, right after the SKU and Categories. I would like to do this via hook if possible so I don't have to modify any WooCommerce code/template. The theme that I'm working with (Divi) has bunches of code already in functions.php, so I'd also like to avoid modifying that file, too.
My specific question is "what's the best place to add a WC hook for this purpose?" I know I could create a child theme and in its functions.php add a WC hook, but then I'd have the problem of calling in the original theme's functions.php (I don't know how to do that). Or is there a better way?
Try to create your own plugin
https://codex.wordpress.org/Writing_a_Plugin

Create own Wordpress Front End on specific Page

i'm writing my first Plugin for Wordpress. A booking calendar. The Admin and Setting Page is already working. The Admin has the possibility to create, edit and delete bookings. I'm struggling with the Front End.
How do i call my "Create a Booking" Form for the User?
Do i need do create a separate Page for that or is it possible for the Admin to call my "Create a Booking" Form in every Page?
There are many ways... The simplest would be to put your form directly into the content of a page or post. In that case, anyone could access the form. If you need to dynamically determine how the form is displayed, you'll want to put it into a shortcode, or use a Wordress page-template in your theme [confusing, because this is totally different from a page!]. Use shortcodes to port your project to any theme, use page templates to lock your functionality into one specific theme. To alter every page, you would put your functionality in a plugin, or in your theme's functions.php file.
https://codex.wordpress.org/Shortcode_API
https://developer.wordpress.org/themes/template-files-section/page-template-files/page-templates/

Resources