заказ на одной странице

Здравствуйте, Александр! 

К сожалению, мне не известна причина, по которой скрипты диалогового окна рассчитывают позицию окна не верно. 
Может быть какой-то плагин добавляет свою разметку или стили, и скрипты начинают глючить. 

Самый простой выход – задать позицию окна жёстко. 
Для этого в блок prostore.user_css добавьте код: 

body .wa-order-dialog .wa-dialog-body {
  top: 30vh !important;
}

30vh – означает 30% viewport height (30 процентов высоты видимой части экрана).

Владимир Сергеев

Добавьте в блок prostore.user_css следуюший код:

.checkout .checkout-options {
      margin: 0px 0px 0px -30px !important;
}
body .onestep-cart .wa-form {
  float: none !important;
  margin-left: 0 !important;
}

Это исправит некоторые косяки верстки плагина в моей теме.

Что касается радио-кнопок в разделе оплаты, то я подозреваю, что у вас там свой код плагина, отличный от кода темы.
И поэтому радио-кнопки не стилизованы.

У вас там код вида:

<label>
    <input type="radio" name="shipping_id" value="{$m.id}" {if $m.external || !empty($m.error)}disabled{/if} {if $m.id == $shipping.id}checked{/if}>
    {if !empty($m.logo)}<img src="{$m.logo}" class="method-logo shadowed">{/if}
    {$m.name|escape}
</label>

А в моей теме код такого вида:

<label class="styling">
    <input type="radio" name="shipping_id" value="{$m.id}" {if $m.external || !empty($m.error)}disabled{/if} {if $m.id == $shipping.id}checked{/if}>
    <span class="label-text">
    	{if !empty($m.logo)}<img src="{$m.logo}" class="method-logo shadowed">{/if}
    	{$m.name|escape}
    </span>
</label>

Это примерные коды.
Вам нужно привести первый код в соответствие ко второму.
Обратитесь за консультацией где это можно сделать к разработчику плагина.

Владимир Сергеев

Здравствуйте, Юрий!
Откройте приложение Магазин - proStore - шаблоны - в самом низу списка файлов нажмите на кнопку "+ Создать новый файл".
Назовите его page.onestep.html

Вставьте в него код, полностью скопированный из файла page.html
А затем сразу после тега {strip} добавьте ещё этот код:

<style>
.sidebar_holder,
.footer_holder,
.header_holder,
.cart_panel_holder,
.top-navbar,
.header {
	display: none !important;
}
.main_wrapper {
	width: 78%;
	margin: 0 auto;
	float: none !important;
	box-shadow: 0px 0 5px rgba(0,0,0,.3);
}
.content_holder {
	width: 100%;
}
@media (max-width: 1024px) {
	.main_wrapper,
	.content_holder {
		width: 100%;
		box-shadow: none;
	}
}
.onestep-cart .checkout {
    box-shadow:none !important;
}
</style>
{if !empty($theme_settings.checkout_hider)}
	{*if empty($theme_settings.show_header)*}
		{*Такой же блок в site –> index.logo.html, но wa_theme_url X 2*}
		{strip}
		<div class="logo_holder {$theme_settings.brand_logo_font}" role="banner">
			<a href="{$wa_url}" class="logo_link align-center" style="padding: 30px 0 0;">
			    {if !empty($theme_settings.logo)}
			        <img src="{$wa_parent_theme_url}{$theme_settings.logo}?v{$wa_theme_version}" {if !empty($theme_settings.logo_retina)}data-at2x="{$wa_parent_theme_url}{$theme_settings.logo_retina}?v{$wa_theme_version}"{/if} alt="{$wa->accountName()}" class="logo" style="{if !empty($theme_settings.logo_width)} width:{$theme_settings.logo_width}; {/if}max-width: 100%;" /><br>
			    {else}

			    	{if $wa->block("`$theme_id`.brand_icon")}
			    		{$wa->block("`$theme_id`.brand_icon")}{if !empty($theme_settings.brand_icon_br)}<br>{/if}
			    	{else}
			    		{if !empty($theme_settings.brand_icon)}
			    		    <i class="logo_icon {$theme_settings.brand_icon}"></i>{if !empty($theme_settings.brand_icon_br)}<br>{/if}
			    		{/if}
			    	{/if}
			        {if !empty($theme_settings.brand_logo_line1)}
			        	<span class="logo_line1">{$theme_settings.brand_logo_line1}</span>{if !empty($theme_settings.brand_logo_line2_br)}<br>{/if}
			        {/if}
			        {if !empty($theme_settings.brand_logo_line2)}
			        	<span class="logo_line2">{$theme_settings.brand_logo_line2}</span><br>
			        {/if}
			    {/if}
			    {if !empty($theme_settings.slogan)}
			        <span class="slogan">{$theme_settings.slogan}</span>
			    {/if}
			</a>
		</div>
		{/strip}


			{if empty($theme_settings.show_header)}
				<div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4">
					{include file="`$wa_parent_theme_path`/sidebar.important.btns.html"  inline}
				</div>
			{else}
				<div class="col-md-8 col-sm-8 col-md-offset-2 col-sm-offset-2 header_inner align-center" style="padding: 15px 0 0;">
					<div class="col-md-8 col-sm-8 col-md-offset-2 col-sm-offset-2">
						{*Первая колонка телефонов*}
						<div class="col-md-6 col-sm-6 header_info" style="padding: 0 0 15px; line-height: 21px;">
							{if $wa->block("`$theme_id`.header_info_1")}
								{$wa->block("`$theme_id`.header_info_1")}
							{else}
								{if !empty($theme_settings.header_info_col_1)}
									{$theme_settings.header_info_col_1}
								{/if}
							{/if}
						</div>

						{*Вторая колонка телефонов*}
						<div class="col-md-6 col-sm-6 header_info" style="padding: 0 0 15px; line-height: 21px;">
							{if $wa->block("`$theme_id`.header_info_2")}
								{$wa->block("`$theme_id`.header_info_2")}
							{else}
								{if !empty($theme_settings.header_info_col_2)}
									{$theme_settings.header_info_col_2}
								{/if}
							{/if}
						</div>
					</div>
				</div>
			{/if}

		<div class="clearfix"></div>
	{*/if*}
{/if}

Затем в настройках плагина укажите для вывода содержимого плагина шаблон page.onestep.html

Владимир Сергеев