- Posts: 5
- Thank you received: 0
Layout of extra fields on order page
10 years 6 months ago - 10 years 6 months ago #238028
by deepblue
Layout of extra fields on order page was created 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:
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
-- 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>
Thanks
Steve Jacobs
Last edit: 10 years 6 months ago by nicolas.
Please Log in or Create an account to join the conversation.
Less
More
- Posts: 12953
- Thank you received: 1778
10 years 6 months ago #238058
by Mohamed Thelji
Replied by Mohamed Thelji on topic Layout of extra fields on order page
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.
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.
10 years 6 months ago #238099
by deepblue
Replied by deepblue on topic Layout of extra fields on order page
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.
10 years 6 months ago #238105
by nicolas
Replied by nicolas on topic Layout of extra fields on order page
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
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