please help my add to cart button is missing
Site:http://emceecouture.com/shop/mc728/#.Uwx05fSSz1g
I really have no idea where to retrieve it back
simplest workaround is to change class of div containing product quantity and add to cart button (/woocommerce/single-product/add-to-cart/variable.php).
i.e. from
<div class="single_variation_wrap">
to
<div class="single_variation_wrap_mod">
to fool js which is adding style="display:none" even when you remove it from html code.
I can't understand why woocommerce developers decided to hide this button and add js to show it after someone selects variation, rather than (as every other ecommerce on the planet) show add to cart button, and focus on the attributes if someone haven't selected one.
IMHO this is an UX fail.
Related
The problem: Radio Button for shipping options successfully goes to selected state which clicked, but does not show a black dot in the selected item to show to the user that it's been selected.
This is on this WooCommerce checkout page of my site. Sorry, the only way to go there is to first select an item on the store, then proceed to checkout: https://dayhikesneardenver.com/shop/
I've inspected the using google chrome inspect page and cannot for the life of me figure out if this is an issue with: 1) My Uncode theme styles, 2) WooCommerce styles, or 3) something else.
Thanks for any insight on this.
When removing the "webkit-appearance: none" property on the radio button form or changing it (webkit-appearance: checkbox) the button appears checked.
The properties
I think something else is overwritting the original style of the button.
Before
After
Whenever I add a widget under Appearance -> Widgets, all of the items in the form load, and then disappear after a second or two. This is happening for all widgets, and this is what they look like when it happens:
Something is changing all type tags to hidden:
<input type="hidden" ...>
And all of the tags containing text get "display: none" added to them:
<div class="widget-description" style="display: none;">
A calendar of your site’s Posts.
</div>
The widget description class also gets display:none added to them.
However, when I reload the page after adding the widget, the form loads as expected. It only happens when the widget is first added. Has anyone run into this issue?
The issue ended after updating Wordpress to 5.2.2 and above
I have some text field i.e in custom size(length,with) of product.
I want include a check box , when i click on check box , custom size fields will show/hide on checkbox click.please help me how i can perform this without any code customization.
I had tried some plugins but they add text fields but not show/hide them on checkbox click
First of all you need to add some scripts to make the code work. That is, you need to capture the checkbox click and analysing checked is true or false, you have to write code to show or hide the fields. A simple jQuery function is sufficient.
Or you can use product option plugins to make it work. I don't know which plugin you have used. I have used this one for my client. Try this if you need a plugin.
I have created a page containing a list of items. Each item has an image corresponding to it which when clicked directs the user to a new page containing more information about the item. For some reason, when I asked my friends to go through the site, most of them thought that these were non-clickable images. What can I do to make it more obvious that a user can actually click on the image? Below you can find a screenshot of the page I am talking about and this is a link to the actual page. Thanks in advance for your help.
1.You can add a title attribute to a link, like this:
<a title="Read more" href="https://thechallengeclub.wordpress.com/challenge-1-just-water/">
Then when user hover over the image a tooltip will appear:
2.You can add an easy to see "More" button. It's up to you where you add this button, but it may be necessary to change the layout a little bit.
For example:
I've got a UI page in HTML5/AngularJS/Bootstrap. The page has a handful of dropdowns that are populated by the controller.js from a service call. I've got no problems parsing that information and getting it into the multiselect dropdowns. However, the brain trust that is our management and end-users have decided that in addition to the dropdowns displaying an abreviation for each selectable option, they want a popup description to appear next to each option when the user hovers over it. My personal opinions aside, I can't tell them no until i can at least show them what it would look like.
If this was just pure css, with panels dropping down, I could see how this would be easy that add some mouseover-style panel/popouts. But I'm using this angularjs-dropdown-multiselect.js plugin... which works great so far, but I'm not sure how to add to it. There's some code in that js that causes the option to slide slightly right, and change color when the user hovers over it, but not knowing enough about how that event would work, I'm not sure where even in the code to look for what changes on the mouseover.
For reference, the plugin came from here:
http://dotansimha.github.io/angularjs-dropdown-multiselect/#/
I can post the js code if anyone wants to take a look at that, but I'm not sure if that's even a necessary part of this question... My first thought is just to try and capture that event and maybe change the text of the display?
I've been researching this one for a good day now, and I can't find answers that apply to all parts of this puzzle... Has anyone got any experience or ideas on how to add that kind of functionality to a dropdown? or is this bordering on territory where I'm better off rigging a situation where I've got a textbox which, onFocus might display a dropdown - imitating panel, which could then have sub panels displayed on items?
Since I couldn't find a way to programmatically add tooltips on the angularjs-dropdown-multiselect directive, I assumed that you are willing to extend it and then I created a quick fiddle (based on examples available) to add the angular-ui tooltip on the creation of the items.
This is the link to the tooltip that will explain how to position it
https://angular-ui.github.io/bootstrap/#/tooltip
This fiddle will give you an idea of where to start: https://jsfiddle.net/silvioamaral/ghcma6z3/1/
on ln 232 that creates the <a> in the <li>:
template += '<a role="menuitem" tabindex="-1" ng-click="setSelectedItem(getPropertyForObject(option,settings.idProp))" >';
Just add the angular-ui directive :
uib-tooltip="{{option}}"
like
template += '<a role="menuitem" tabindex="-1" ng-click="setSelectedItem(getPropertyForObject(option,settings.idProp))" uib-tooltip="{{option}}">';
I added to the anchor since the other elements (<li> <div>) seem to be bound to options such as existence of groups / checkboxes, etc.
Hope it helps
Edit: grammar and jsfiddle link