Change the size of the popup window for "What size am I?"

Hello

How can I change the size for the popup window "What size am I?".
Or better where can I change it that the window is scrollable.

I insert a lot of information so I can't see all the information in this small popup window.

Thanks

Dietmar

Hi,

You can change the way the pop-up is shown by editing the ~/Themes/Fashion/Views/Catalog/ProductTemplate.SingleVariant.cshtml or
~/Themes/Fashion/Views/Catalog/ProductTemplate.VariantsInGrid.cshtml depending on which product template you use. You can can edit the following lines:

line 168: <li><a class="sizeConversion" onclick="javascript: window.open('/t-popup/SizeConversion',null, 'height=600,width=800,status=yes,toolbar=no,menubar=no,location=no,scrollbars=1');">@T("SevenSpikes.Themes.Fashion.Product.SizeConversion")</a>

This example is for the Single product variant. By adding the last parameter which is in bold the window will have scrollbars. You can also change the dimensions if you like.

Thanks!

Thanks, works perfect!

Hi

Is it possible to have this as a modal popup, rather than opening a popup in a new browser window?

best regards

Carl

Hi Carl,

This uses the built in nopCommerce popup functionality for topics as the content of the window is managed from a topic in nopCommerce. If you want this as a modal dialog it will require some changes in the product details view. You should use the TopicBlock action and show the content of the topic in a modal dialog probably using the JQuery UI dialog.

Thanks

Many thanks for the prompt response.

Do you have any examples of how to do this?

Many thanks

best regards

Carl

Hi Carl,

Yes, you can use the EU Cookie Law popup window as an example.
Check out this view:
Views\Common\EuCookieLaw.cshtml

You need to show the dialog on click and change the "privacyinfo" topic name with the size conversion topic name "SizeConversion".

Hope this helps!

..that's great - thanks again for the prompt response

Best regards

Carl

Alternate simple solution in the NopCommerce itself  which does not require any changes in the source code:

1. In the admin panel goto: Catalog->Attributes->Product Attributes
2. Click on Edit link of the attribute you'd like to change
3. In the description box click on 'Edit HTML source' button
4. Enter the following in the html source editor:

<div title="How to choose your size?" id="sizes-box" style="display: none;">
Put your size choosing description here....
</div>
<p><a onclick="$(&quot;#sizes-box&quot;).dialog(); return false;" href="#">How to choose your size?...</a></p>

5. Click on Update buton of HTML source editor
6. Save changes in attributes
7. Enjoy your newly added modal popup dialog in the store

Good one! Thanks for the answer!