Layout of extra fields on order page

  • Posts: 5
  • Thank you received: 0
8 years 7 months ago #238028

-- 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:

<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: 8 years 7 months ago by nicolas.

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

  • Posts: 12953
  • Thank you received: 1778
8 years 7 months ago #238058

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.

  • Posts: 5
  • Thank you received: 0
8 years 7 months ago #238099

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.

Attachments:

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

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
8 years 7 months ago #238105

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.070 seconds
Powered by Kunena Forum