On mobile, the apply coupon button is not showing correctly in woocommerce checkout last page.
This is the desktop version
and this is the mobile
The name of the button is apply_coupon. Any idea on how to use CSS to force it to be shown in a new line?
Related
I'm using Elementor Pro along with a menu cart widget, and as soon as I open the sidebar of the cart, I can't see any overlay; rather, what I can see is just a blank white page.
Though it works fine, if I choose mini cart as the cart type.
I'm using elementor + elementor pro with Astra theme, everything woks perfectly except quick view. Quick view popup shows scrollbar and shows inside a frame. i tired by making changes in product catalog and single product settings, but nothing work as expected. anyone can help me ?
Hi I am new to wordpress thats why I am facing some issues in it.
One of them is when I add Call to Action Button Element using WPBakery Page Builder and preview my change then the content in preview is removed from the page but when I remove the Call to Action Button Element from page the preview loads all content again
Page without Call to Action Button Element
When I preview the above page I get all my content in Preview as below
Preview without Call to Action Button Element
But the problem occurs when I add Call to Action Button
Page after adding Call to Action Button
When I preview after adding element I get following preview
Preview after adding Call to Action Button
Here is the video link of this
https://drive.google.com/file/d/1WUjtVePoL2BYTE5q4UublMRt1LaK48CK/view?usp=sharing
You can use Soliloquy Slider Plugin for this. Install and active the plugin then go Go to your WordPress dashboard then Soliloquy » Add New. Give a title of your slider and add some image for the slider to show.
You can drag and drop image from your local file directory or can browse image. After adding the images just click on the publish button.
After publishing the slider in your right side screen some code and information will appear. You will need this information later to add this slider in any pages or posts.
Install and Activate Soliloquy’s Custom CSS Addon
Add CSS to Create a Call-to-Action Button
Add HTML for Call-to-Action Button
You can follow this tutorial for in depth explanation
I am creating one eCommerce website using woocommerce. I am just using the woocommerce plugin and add the products. In that product shows the zoom button on the right side when clicking the zoom button it redirects to the woocommerce Gallary it shows the full-size button and close button but not displaying the zoom button.
How I must do to show the effect of slider and zoom?
In theme, it shows the three buttons. I Use this theme:https://accesspressthemes.com/theme-demos/?theme=accesspress-store
This screenshot our theme in that theme this zoom button is displayed but in my website not shows use this same CSS but not displaying.
If the feature is there in the theme but not showing then it could be that it is turned off by default. Themes can sometimes give the store owners an option to toggle such features.
You can check under the Appearance->Customize section or any other theme settings page that your theme comes with.
You should probably be raising this issue with the theme support otherwise.
I am using woocommerce and a plugin called fancy product designer.
The plugin allows you to custom design products and them order them using woocommerce.
Everything is working fine but I need to add a feature which displayed a bootstrap modal after clicking the add to cart button. This modal will contain a preview of the designed product and have a button which will add it to your basket and then reload the page.
I can create the code to display the preview I just need to know how to add the functionailty to display a custom modal which contains an add to cart button
Requirements:
Rename the add to cart button to "preview"
When "preview" button is clicked open a bootstrap modal
The modal contains the add to cart button which adds the product to your cart.
It would be great if you could also share where I should add the modal code and the js code to open the modal.
I am using a plugin called "insert header and footer" which I can use to add the js code which opens the preview modal but if you have a better way please share.
Here is the URL to one of the product pages: https://peppyplates.brookstonesites.co.uk/product/girl-christening/
I haven't tried anything so far as I don't know how to code in wp that well but here is an example of what I would do if it was raw PHP.
$('#preview_button').click(function() {
$('#preview_modal').modal('show')
});
$('#add_to_cart_button').click(function() {
// WP code to add the product to the cart
}
It would be great to know where I should put my html bootstrap modal code as well. I don't want to edit the plugin directly since if it gets updated the code will be wiped