Magento productpage color choice customization - magento-1.9

I made 2 magento (1.9.2.3) webshop to test a few thing... and at the productpage, in the section where I have to choose the product color what I want, there are 2 type of filed I can set in admin: or a dropdown menu (select with options), or simple buttons.
Using the same template at both demo website, somehow at the first webshop that section is a dropdown, and at the other, the section is simple buttons, and I don't know how I did this, because in the admin both settings are the same.
So I want to use the buttons, but now I don't know exactly how can I set it as default?

Related

Jump to specific field when a multiple choice radio button is selected in Gravity Forms

is there an option or maybe a small custom code to make Gravity Forms radio buttons jump to a field on selection?
In my example, i have a list of 14 options. Using a condition logic when you select one option a custom HTML is revealed right under each and every option. For desktop is super ok, the screen is big and all fit well. The problem is for mobile devices because you select an option but after that, you have to scroll to see the custom HTML.
Is there any option or custom code snippet in Gravity Forms that jumps to that custom HTML when an option is selected?
I found some resources on how to make this using HTML code with ids but this is somehow dynamic though the HTML code is placed in the same position. My first idea was to add the same ID to each and every HTML code so that when a radio button is pressed it scrolls to that ID. Don't know if it makes sense but ...
Can someone help me with some resources or give me some hints? Many thanks.

Can I make a dropdown selection from a separate gallery?

I have developed an application that tracks financial transactions. In the form used for data input, there is a dropdown where the user would choose the reason for the transaction from a fairly long list of choices. To clarify the choices, there is also a gallery that gives transaction codes and explanations for each of the choices in the dropdown. My client has asked if they can click on the choice in the gallery causing the dropdown to select that choice.
I created a variable that is blanked out when the screen with the form in question is opened. I also set the default of the dropdown equal to the same variable. From there I can choose an item from the gallery via an icon and set the variable equal to the desired field in the gallery, which causes the dropdown to populate with the desired value. However, if the user chooses from the dropdown first, then tries to choose from the gallery, I lose the functionality due to defaulting to the variable no longer works. I want to reset the dropdown when I choose from the gallery, but I can't get the dropdown to reset from the icon in the gallery since the gallery is outside the form.
Thanks.

How can I hide an option from a select list using CSS?

I'm not a coder so please be gentle with your advice. I created a website in Wordpress and I purchased a plugin called Dokan which allowed me to create a marketplace. There is a specific select list with various options shown to my website's vendors in their vendor portals. I can also see this same select list with the same options from my WordPress panel which is not accessible by my site's vendors.
I would like to hide a specific option from select list so that vendors cannot see it anymore, only myself. I would like to hide it through css.
I want to hide 'wc-failed'
When you are logged in as the Wordpress administrator you should be able to see in the lefthand panel Appearance. Go to Customize then to Additional CSS.
You can type in extra CSS styling rules here.
To not show the particular option you can select it and set it through:
#order_status option[value="wc-failed"] { display: none; }
Note, this should result in that option not being seen, and no space reserved for it in the list (unlike visibility: hidden). However, the code is still there should the user have a look through their browser and they could reinstate it. I doubt this matters in this circumstance, but it's as well to be aware that if there is say a security issue if they go to that option they can still get there.

How to make a Bootstrap page?

I must make a webpage using Bootstrap.
These are the requirements:
1 page in bootstrap. We have attached a handmade sketch. The page will have a list. In each list, there will be a title, 8 text fields in the group of 2 divided into 4 parts.
For example, FirstName: Oracle(2 fields), LastName: Maven (2 fields), and so on, an image slider, which can have minimum 1 and maximum 3 images in it. We can view the image on a big scale and zoom in zoom out the image. Below the slider will be Approve and Reject button which will be visible ONLY at the last Image. The right side of the section will contain 11 Input fields along with the labels. all are optional. Below the 11 fields will be a submit button. This will repeat like a list.
This is the sketch:
I don't understand how to do the lists.
I would be very grateful if you could help me.
If you didn't use Bootstrap and don't know how it's function better download some tool for making bootstrap sites or if you are familiar download a template.
Take a look on Pingendo, it's a drag and drop desktop application (you also have web) and just pick which element you want and drop it on the page...

Dynamically changing component reference

This seems simple enough but I can't quite think of how to actually do it...
In IBM Web Content Management (WCM) version 7 I have a Presentation Template (PT) which calls a Menu Component to display some content items.
I also have some (static) links on the sidebar which I want to basically just change the menu component that is being used, and that's it.
So for example...
In the PT:
[Component name="Main Page"]
When I click on a link, I want the exact same PT to be displayed except I want it to use:
[Component name="Next Page"]
Basically, Main Page and Next Page are showing the same content items, they just have different filters on them (so they appear to be different pages). The "Main Page" shows "everything" and then if you click on a link it's suppose to only show a subset of that.
I can't quite figure out how to connect the link to the PT to change it. I've thought about using JavaScript or JSP to simply rewrite the HTML, but even then I'm not sure how I set it up to say that: "if the link has been clicked, rewrite the HTML" because I'm not sure what to even point the link to, or pass through the link.
I thought about creating different content items with different PTs to link to, but there are about a dozen links (and therefore a dozen different Menu Components that I want to use), so I thought it might be better in the long run to just use 1 dynamic PT (in case the number of links grows).
It is only that one component that needs to be changed in order to display how I need for every link though.
Any ideas how to go about doing this?
So this is how I resolved this:
I created a component reference element in the content items called "menuComp" and then I set that to point to the appropriate Menu Component for each particular page.
In the presentation template, I removed the component reference and changed it to an [Element] tag which used key="menuComp".