I need to remove the photo preview on the shopify add to cart button. When I select "button only" then the prices don't appear beside my drop boxes. When I choose "button image, price and button" option, then I get the photo, which I do not want! Is there no way to have just the add to cart button with the prices and drop down options?
It's good to link the code you're working with, but assuming you're using the standard snippet, adding something like:
.product-embed__image {
display: none;
}
Should hide it, though extra styling may be required, it'd be useful to link the page you're working on.
Related
I would like to modify Product price dynamically when a button is clicked, using jquery.
For example, if there is a button with value "22" , if i click that button, the price should change to "22". For now, i can change the front end text of price label, but i couldn't pass it when adding to cart. Please help me to resolve this.
Thanks
The price is pulled from the backend and displayed.
It is possible to read the price. It is also possible to have options.
I can see a fairly easy way to do this by setting up options for a product:
Put the options ( %%Product_AddToCartRight%% is the most commonly used options listing) in a div with the style set to "display:none".
Then have your button "click" the options via javascript or jquery.
Since the options are hidden by the display:none, the button "automagically" changes the price...and could do other things, like make a "Congrats" div appear, or make the price text/box change color.
This is good, since it not only draws the users eyes to the price change, but triply rewards the user: Better price, price changes (reacts to users click), and the color changes (another reaction to the users click).
Clicking an option does autoupdate the price, including what gets passed to the shopping cart.
One thing to be aware of is that Google may or may not run any given piece of javascript on your page.
More importantly, googles crawler does NOT click buttons or select options, so any price changes driven by a click or selection will not be indexed by google. Your product will still show, but only at the "base" price.
Sorry for my English. Can I disable the default choice radio buttons for shipping costs and payments in Woocommerce? I would like to have radio buttons blank. In short, the radio buttons are activated only when the user clicks. If a user does not fill in, example, the radio button of the shipment will go a window "Attention, choose the method of delivery." I hope I was clear. Thank you very much!
You can try this code snippet
// To test this code, open a private/incognito window,
add an item to the cart and then go to cart page.
// Once an option is choosen, it will be the default option
from that moment onwards.
// Code to clear default shipping option.
add_filter( 'woocommerce_shipping_chosen_method', '__return_false');
WooCommerce automatically chooses the cheapest shipping method available if you do not have a default setup.
http://i.imgur.com/ANKIUqk.png
See the Automatic option at the bottom of the Shipping Methods section? That ensures that it would always choose a radio button.
I'm not saying this is impossible, but it would involve changing the underlying code.
May I know the reason behind not having a default option set? It sounds inefficient in my opinion. If the user does not like the default option, they can easily change it. At least this way, you no longer have to worry about putting in a "Please Choose A Shipping Method" validation.
The default shipping saves clicks for most of your clients especially if you pick the right option as default. The least clicks the better. ;)
Cheers!
As an update based on our discussion below, here's an option to hide the default shipping option...
Say "Free Shipping" is the default option. All you have to do is to add this code to your css...
#shipping_method_0_free_shipping{
display:none !important;
}
Then, the WooCommerce>Settings>Shipping Methods dashboard, remove the "Free Shipping" label and change it to a "." (if you make it blank, this will not work) so that no label will appear after the shipping button is handled.
However, this just makes sure that the default shipping method does not appear to the user.
http://i.imgur.com/DpGF5wD.png
The system will still consider it existing. You still need to prevent the checkout from proceeding if "Free Shipping" was the chosen shipping method.
I will start by saying that I am an absolute newbie to web development and to MVC as well.
I want to implement a view for a Subscriber page (part of an MVC4 application dealing with Email marketing). What I want to implement is:
1) When the user clicks the "+ Add a List" button, a new Category should appear on the left and the cursor should blink, meaning it should be ready to receive the name for the category from the user. I also want that whenever the user hovers over any category name on the left, a small bar containing two buttons (edit and delete) should appear which should let the user edit the category name or delete that category. The thing I want is that all of these must happen without reloading the page.
2) When the user clicks the "+ Add Contact" button, a pop up dialog box containing two tabs should appear which lets the user either manually enter the details or upload a CSV to capture the details. Whenever the user clicks the "Add Contact" button or "Upload and Add Contacts" in the pop up dialog box, I want the new contacts to display in the contact list region shown in the picture (once again, without reloading the page). I also want the same hover bar for the contacts too (same as categories).
I am confused as to how to implement this in a Razor view? What do I use - JavaScript/jQuery/AJAX?
I am pretty much lost. Can someone please guide me a little bit so that I can continue and finish my first MVC4 project?
You need some javascript libraries like jQuery UI or maybe Kendo UI, I'd recommend to use jQuery UI at this time. they have many widgets but look at these. and keep in mind that a cshtml view can be look upon like a html page, you can have all tags, css and javascript you want there:
http://jqueryui.com/dialog/
http://jqueryui.com/tabs/
http://jqueryui.com/
I'm using the media gallery module for Drupal (http://drupal.org/project/media_gallery). I have a gallery set up, and all of the images have titles and descriptions. When I click an image in the gallery, a lightbox opens up and shows the image, but it doesn't display the title nor the description. When I click the image inside the lightbox, I'm taken to another page where the image is shown again, this time with the title and description.
I need to know if there's a way to do one of the following, and if so, how to do it.
Is there a way to get the image title and description to display in the media gallery lightbox? (Currently, the lightbox displays navigation arrows, a slideshow link, a close button, and "Item X of Y")
Is there a way to take the user to the detail page directly instead of opening up the lightbox?
If you go to the 'Edit gallery' tab make sure the 'Show title and description' checkbox is checked like this:
Once the titles/descriptions are set to show (and you probably already know this, since you have the titles and descriptions showing in the actual pages), you can add or modify the titles/descriptions by going to the 'Edit media' tab.
Hope this helps!
I am working on form application. I came across a scenario where i need to provide a ComboBox to user. Now in order to make look and feel more appealing, i want to display a small image or icon before each item of that combo box.
Is it possible to add icon to each item of NSCombobox?
Welcome any comment