Skip to main content

Layout of extra fields on order page

More
10 years 6 months ago - 10 years 6 months ago #238028 by deepblue
-- HikaShop version -- : 2.6.2
-- Joomla version -- : 3.5.1

Hi
I need to add some custom fields to the end of the order for a certain category of products. They are radio buttons. I have figured out how to add them but they look terrible on the site. I display the page source and this is the code for the section:
Code:
<legend>Additional information</legend> <table cellpadding="0" cellspacing="0" border="0" class="hikashop_contentpane"> <tr class="hikashop_checkout_substart_line" id="hikashop_order_substart"> <td class="key"> <label for="substart">Start my subscription with...</label> </td> <td> <input type="radio" name="data[order][substart]" value="current_issue" id="substart_current_issue" onclick="hikashopToggleFields(this.value,'substart','order',0);" /><label for="substart_current_issue">Current Issue?</label><input type="radio" name="data[order][substart]" value="next_issue" id="substart_next_issue" onclick="hikashopToggleFields(this.value,'substart','order',0);" /><label for="substart_next_issue">Next Issue</label> <span class="hikashop_field_required">*</span> </td> </tr> <tr class="hikashop_checkout_subtype_line" id="hikashop_order_subtype"> <td class="key"> <label for="subtype">New Subsrcription or Renewal?</label> </td> <td> <input type="radio" name="data[order][subtype]" value="new" id="subtype_new" onclick="hikashopToggleFields(this.value,'subtype','order',0);" /><label for="subtype_new">New</label><input type="radio" name="data[order][subtype]" value="renewal" id="subtype_renewal" onclick="hikashopToggleFields(this.value,'subtype','order',0);" /><label for="subtype_renewal">Renewal</label> <span class="hikashop_field_required">*</span> </td> </tr> </table>
Where can I edit this to change the layout- I at least need to get the field label to 'align-top' in the table cell.

Thanks

Steve Jacobs
Last edit: 10 years 6 months ago by nicolas.

Please Log in or Create an account to join the conversation.

More
10 years 6 months ago #238058 by Mohamed Thelji
Hello,

Can you give us some screenshots of what you have and of what you exactly want so that we can clearly understand it ?

Thanks.

Please Log in or Create an account to join the conversation.

More
10 years 6 months ago #238099 by deepblue
I'm attaching a screen shot and an image where I cut up the screen shot and laid it out the way I would like it to appear. It is cut out from the bottom of the order page on the site.

Please Log in or Create an account to join the conversation.

More
10 years 6 months ago #238105 by nicolas
Hi,

It's because of the CSS of your template.
Add that CSS on your website to avoid the problem:
label{ display:inline !important; }

www.hikashop.com/support/documentation/1...ize-the-display.html

Please Log in or Create an account to join the conversation.

Time to create page: 0.110 seconds
Powered by Kunena Forum