Reply
 
Thread Tools Search this Thread Display Modes
  #1  
Old 06-19-2012, 07:33 AM
GoorJames's Avatar
GoorJames GoorJames is offline
Junior Member
 
Join Date: Jun 2012
Posts: 7
Default Separating add to bag and drop down options HTML

Not sure if some one can help this is the only thing i can not get right.
I would like to put the Add to bag on one part of the page and the drop down options on the other part but iam having trouble Separating them. Here is html code.
could some one please show me how to Separate the code. here is the html.

<table align='center' border='0'><tr><td align='left' class='ecwid'><div id="ecwid-productoption-12369862-t-container" class="ecwid-productBrowser-details-optionPanel ecwid-productBrowser-details-optionPanel-select ecwid-productoption-t-container"><label class="ecwid-fieldLabel" for="ecwid-productoption-12369862-t">t</label><select class="ecwid-productBrowser-details-optionSelectBox ecwid-productoption-t" id="ecwid-productoption-12369862-t"><option value="Medium" id="ecwid-productoption-12369862-t-Medium" selected="1">Medium</option><option value="Large" id="ecwid-productoption-12369862-t-Large">Large</option><option value="Small" id="ecwid-productoption-12369862-t-Small">Small</option></select></div></td></tr></table><div style='text-align: center'><script type="text/javascript" src="http://app.ecwid.com/script.js?1246265" charset="utf-8"></script><script type="text/javascript">xAddToBag('productid=12369862');</script></div>
</form></div>

Here is a link to my page http://www.danieljameslondon.co.uk/R...

Many thanks D James

Last edited by Daniel James1; 06-19-2012 at 08:17 AM.
Reply With Quote
  #2  
Old 06-19-2012, 12:25 PM
Maya's Avatar
Maya Maya is online now
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 3,978
Send a message via Skype™ to Maya
Default

Could you, please, to describe in more details how it should look like in the end?
__________________
Maria Nikiforova, Ecwid Team

------------------
Welcome to our Knowledge Base with a lot of answers, tips and receipts!

Please, rate my reply here
Reply With Quote
  #3  
Old 06-19-2012, 01:29 PM
GoorJames's Avatar
GoorJames GoorJames is offline
Junior Member
 
Join Date: Jun 2012
Posts: 7
Default

Hi Maya thanks for your quick reply.
What i would like to do is put the Add to bag on one side of the web page and put the drop down size menu on the other side. I have attached a mock up image of what iam trying to achieve
hope this is of some help.
Many thanks daniel James.

Reply With Quote
  #4  
Old 06-19-2012, 01:33 PM
GoorJames's Avatar
GoorJames GoorJames is offline
Junior Member
 
Join Date: Jun 2012
Posts: 7
Default

Hi Maya it looks like the image is not showing up so here is the link

http://www.danieljameslondon.co.uk/S...

Also this how my page looks at the moment link

http://www.danieljameslondon.co.uk/R...
SIN/originalsin.html

Many thanks once more
Reply With Quote
  #5  
Old 06-22-2012, 06:35 AM
Maya's Avatar
Maya Maya is online now
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 3,978
Send a message via Skype™ to Maya
Default

Thank you for detailed explanation.

Yes, it is totally possible to make such design with Ecwid.

In order to do this you should use following code:

Code:
<table cellspacing=”0” cellpadding=”0”>
<tr>
<td>
[ add minicart widget code here ]
</td>
<td> /* this is HTML code of the products */
<div class='ecwid-Product'><form>
<table align='center' border='0'><tr><td align='left' class='ecwid'><div id="ecwid-productoption-12369862-t-container" class="ecwid-productBrowser-details-optionPanel ecwid-productBrowser-details-optionPanel-select ecwid-productoption-t-container"><label class="ecwid-fieldLabel" for="ecwid-productoption-12369862-t">t</label><select class="ecwid-productBrowser-details-optionSelectBox ecwid-productoption-t" id="ecwid-productoption-12369862-t"><option value="Medium" id="ecwid-productoption-12369862-t-Medium" selected="1">Medium</option><option value="Large" id="ecwid-productoption-12369862-t-Large">Large</option><option value="Small" id="ecwid-productoption-12369862-t-Small">Small</option></select></div></td></tr></table>
<td><script type="text/javascript">xAddToBag('productid=12369862');</script></td></tr></table></div>
</form></div>
</td>
</tr>
</table>
I have marked with red code, which should be deleted from the original HTML-code and with green - the code, which should be added.

Please, try this code and let me know about results.
__________________
Maria Nikiforova, Ecwid Team

------------------
Welcome to our Knowledge Base with a lot of answers, tips and receipts!

Please, rate my reply here
Reply With Quote
The Following User Says Thank You to Maya For This Useful Post:
GoorJames (06-22-2012)
  #6  
Old 06-22-2012, 10:13 AM
GoorJames's Avatar
GoorJames GoorJames is offline
Junior Member
 
Join Date: Jun 2012
Posts: 7
Default

Thanks so much all sorted DJames
Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 02:40 AM.
Powered by vBulletin® Version 3.8.6. Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.