product_option_content.pre_diff
4 removals
160 lines
4 additions
160 lines
{if $product.variation_features_variants && $product.detailed_params.info_type === "D"}
{if $product.variation_features_variants && $product.detailed_params.info_type === "D"}
{script src="js/addons/product_variations/picker_features.js"}
{script src="js/addons/product_variations/picker_features.js"}
<div id="features_{$obj_prefix}{$obj_id}_AOC">
<div id="features_{$obj_prefix}{$obj_id}_AOC">
{$container = "product_detail_page"}
{$container = "product_detail_page"}
{$product_url = "products.view"}
{$product_url = "products.view"}
{$show_all_possible_feature_variants = $addons.product_variations.variations_show_all_possible_feature_variants === "YesNo::YES"|enum}
{$show_all_possible_feature_variants = $addons.product_variations.variations_show_all_possible_feature_variants === "YesNo::YES"|enum}
{if $quick_view}
{if $quick_view}
{$container = "product_main_info_form_{$obj_prefix}{$quick_view_additional_container}"}
{$container = "product_main_info_form_{$obj_prefix}{$quick_view_additional_container}"}
{$product_url = "products.quick_view?product_id=`$product.product_id`&prev_url=`$current_url`"|trim}
{$product_url = "products.quick_view?product_id=`$product.product_id`&prev_url=`$current_url`"|trim}
{/if}
{/if}
{if $product.detailed_params.is_preview}
{if $product.detailed_params.is_preview}
{$product_url = $product_url|fn_link_attach:"action=preview"}
{$product_url = $product_url|fn_link_attach:"action=preview"}
{/if}
{/if}
<div class="cm-picker-product-variation-features ty-product-options">
<div class="cm-picker-product-variation-features ty-product-options">
{$feature_style_dropdown = "\Tygh\Enum\ProductFeatureStyles::DROP_DOWN"|constant}
{$feature_style_dropdown = "\Tygh\Enum\ProductFeatureStyles::DROP_DOWN"|constant}
{$feature_style_images = "\Tygh\Enum\ProductFeatureStyles::DROP_DOWN_IMAGES"|constant}
{$feature_style_images = "\Tygh\Enum\ProductFeatureStyles::DROP_DOWN_IMAGES"|constant}
{$feature_style_labels = "\Tygh\Enum\ProductFeatureStyles::DROP_DOWN_LABELS"|constant}
{$feature_style_labels = "\Tygh\Enum\ProductFeatureStyles::DROP_DOWN_LABELS"|constant}
{$purpose_create_variations = "\Tygh\Addons\ProductVariations\Product\FeaturePurposes::CREATE_VARIATION_OF_CATALOG_ITEM"|constant}
{$purpose_create_variations = "\Tygh\Addons\ProductVariations\Product\FeaturePurposes::CREATE_VARIATION_OF_CATALOG_ITEM"|constant}
{foreach $product.variation_features_variants as $feature}
{foreach $product.variation_features_variants as $feature}
{$is_feature_default_style = !in_array($feature.feature_style, [$feature_style_images, $feature_style_labels, $feature_style_dropdown])}
{$is_feature_default_style = !in_array($feature.feature_style, [$feature_style_images, $feature_style_labels, $feature_style_dropdown])}
<div class="ty-control-group ty-product-options__item clearfix">
<div class="ty-control-group ty-product-options__item clearfix">
{hook name="abt__youpitheme:pv_option_label"}
{hook name="abt__youpitheme:pv_option_label"}
<label class="ty-control-group__label ty-product-options__item-label">{$feature.description}:</label>
<label class="ty-control-group__label ty-product-options__item-label">{$feature.description}:</label>
{/hook}
{/hook}
{if $feature.feature_style === $feature_style_images}
{if $feature.feature_style === $feature_style_images}
<bdi>
<bdi>
{foreach $feature.variants as $variant}
{foreach $feature.variants as $variant}
{if $feature.variant_id != $variant.variant_id}
{if $feature.variant_id != $variant.variant_id}
{continue}
{continue}
{/if}
{/if}
{if $variant.product_id || $show_all_possible_feature_variants}
{if $variant.product_id || $show_all_possible_feature_variants}
<div class="ty-product-option-container ty-product-option-container--feature-style-images">
<div class="ty-product-option-container ty-product-option-container--feature-style-images">
{if $feature.prefix}
{if $feature.prefix}
<div class="ty-product-option-child">{$feature.prefix}</div>
<div class="ty-product-option-child">{$feature.prefix}</div>
{/if}
{/if}
<div class="ty-product-option-child">{$variant.variant}</div>
<div class="ty-product-option-child">{$variant.variant}</div>
{if $feature.suffix}
{if $feature.suffix}
<div class="ty-product-option-child">{$feature.suffix}</div>
<div class="ty-product-option-child">{$feature.suffix}</div>
{/if}
{/if}
</div>
</div>
{/if}
{/if}
{/foreach}
{/foreach}
</bdi>
</bdi>
{elseif $feature.feature_style === $feature_style_dropdown || $is_feature_default_style}
{elseif $feature.feature_style === $feature_style_dropdown || $is_feature_default_style}
<bdi>
<bdi>
<span class="ty-product-option-container">
<span class="ty-product-option-container">
{if $feature.prefix}
{if $feature.prefix}
<span class="ty-product-option-child">{$feature.prefix}</span>
<span class="ty-product-option-child">{$feature.prefix}</span>
{/if}
{/if}
<span class="ty-product-option-child">
<span class="ty-product-option-child">
<select class="{if $feature.purpose === $purpose_create_variations || $quick_view}cm-ajax{/if} {if !$quick_view}cm-history{/if} cm-ajax-force" data-ca-target-id="{$container}">
<select class="{if $feature.purpose === $purpose_create_variations || $quick_view}cm-ajax{/if} {if !$quick_view}cm-history{/if} cm-ajax-force" data-ca-target-id="{$container}">
{foreach $feature.variants as $variant}
{foreach $feature.variants as $variant}
{if $variant.product_id && $variant.product.amount}
{if $variant.product_id && $variant.product.amount >= 0}
<option data-ca-variant-id="{$variant.variant_id}"
<option data-ca-variant-id="{$variant.variant_id}"
data-ca-product-url="{$product_url|fn_link_attach:"product_id={$variant.product.product_id}"|fn_url}"
data-ca-product-url="{$product_url|fn_link_attach:"product_id={$variant.product.product_id}"|fn_url}"
{if $feature.variant_id == $variant.variant_id}selected="selected"{/if}
{if $feature.variant_id == $variant.variant_id}selected="selected"{/if}
>
>
{$variant.variant}
{$variant.variant}
</option>
</option>
{elseif $show_all_possible_feature_variants}
{elseif $show_all_possible_feature_variants}
<option disabled>{$variant.variant}</option>
<option disabled>{$variant.variant}</option>
{/if}
{/if}
{/foreach}
{/foreach}
</select>
</select>
</span>
</span>
{if $feature.suffix}
{if $feature.suffix}
<span class="ty-product-option-child">{$feature.suffix}</span>
<span class="ty-product-option-child">{$feature.suffix}</span>
{/if}
{/if}
</span>
</span>
</bdi>
</bdi>
{/if}
{/if}
{if $feature.feature_style === $feature_style_images}
{if $feature.feature_style === $feature_style_images}
{capture name="variant_images"}
{capture name="variant_images"}
{foreach $feature.variants as $variant}
{foreach $feature.variants as $variant}
{if $variant.showed_product_id}
{if $variant.showed_product_id}
{$variant_product_id = $variant.showed_product_id}
{$variant_product_id = $variant.showed_product_id}
{else}
{else}
{$variant_product_id = $variant.product.product_id}
{$variant_product_id = $variant.product.product_id}
{/if}
{/if}
{if $variant_product_id}
{if $variant_product_id}
{if $variant.amount}
{if $variant.amount >= 0}
<a href="{$product_url|fn_link_attach:"product_id={$variant_product_id}"|fn_url}" title="{$feature.prefix}{$variant.variant}{$feature.suffix}"
<a href="{$product_url|fn_link_attach:"product_id={$variant_product_id}"|fn_url}" title="{$feature.prefix}{$variant.variant}{$feature.suffix}"
class="ty-product-options__image--wrapper{if !$runtime.customization_mode.live_editor} cm-tooltip{/if}{if $variant.variant_id == $feature.variant_id} ty-product-options__image--wrapper--active{/if}{if $feature.purpose === $purpose_create_variations || $quick_view} cm-ajax cm-ajax-cache{/if}"
class="ty-product-options__image--wrapper{if !$runtime.customization_mode.live_editor} cm-tooltip{/if}{if $variant.variant_id == $feature.variant_id} ty-product-options__image--wrapper--active{/if}{if $feature.purpose === $purpose_create_variations || $quick_view} cm-ajax cm-ajax-cache{/if}"
{if $feature.purpose === $purpose_create_variations || $quick_view}data-ca-target-id="{$container}"{/if}
{if $feature.purpose === $purpose_create_variations || $quick_view}data-ca-target-id="{$container}"{/if}
>
>
{/if}
{/if}
{if $variant.amount}
{if $variant.amount >= 0}
{$image_class = "ty-product-options__image"}
{$image_class = "ty-product-options__image"}
{else}
{else}
{$image_class = "ty-product-variations-image-disabled"}
{$image_class = "ty-product-variations-image-disabled"}
{/if}
{/if}
{include file="common/image.tpl"
{include file="common/image.tpl"
obj_id="image_feature_variant_{$feature.feature_id}_{$variant.variant_id}_{$obj_prefix}{$obj_id}"
obj_id="image_feature_variant_{$feature.feature_id}_{$variant.variant_id}_{$obj_prefix}{$obj_id}"
class=$image_class
class=$image_class
images=$variant.product.main_pair
images=$variant.product.main_pair
image_width=$settings.Thumbnails.product_variant_mini_icon_width
image_width=$settings.Thumbnails.product_variant_mini_icon_width
image_height=$settings.Thumbnails.product_variant_mini_icon_height
image_height=$settings.Thumbnails.product_variant_mini_icon_height
image_additional_attrs = [
image_additional_attrs = [
"width" => $settings.Thumbnails.product_variant_mini_icon_width,
"width" => $settings.Thumbnails.product_variant_mini_icon_width,
"height" => $settings.Thumbnails.product_variant_mini_icon_height
"height" => $settings.Thumbnails.product_variant_mini_icon_height
]
]
}
}
{if $variant.amount}
{if $variant.amount >= 0}
</a>
</a>
{elseif $show_all_possible_feature_variants}
{elseif $show_all_possible_feature_variants}
<label class="ty-product-options__radio--label ty-product-options__radio--label--disabled">
<label class="ty-product-options__radio--label ty-product-options__radio--label--disabled">
<span class="ty-product-option-checkbox">{$feature.prefix}</span>{$variant.variant}<span class="ty-product-option-checkbox">{$feature.suffix}</span>
<span class="ty-product-option-checkbox">{$feature.prefix}</span>{$variant.variant}<span class="ty-product-option-checkbox">{$feature.suffix}</span>
</label>
</label>
{/if}
{/if}
{/if}
{/if}
{/foreach}
{/foreach}
{/capture}
{/capture}
{if $smarty.capture.variant_images|trim}
{if $smarty.capture.variant_images|trim}
<div class="v-wrap">
<div class="v-wrap">
{$smarty.capture.variant_images nofilter}
{$smarty.capture.variant_images nofilter}
</div>
</div>
{/if}
{/if}
{elseif $feature.feature_style === $feature_style_labels}
{elseif $feature.feature_style === $feature_style_labels}
{hook name="abt__youpitheme:pv_option_variants_labels"}
{hook name="abt__youpitheme:pv_option_variants_labels"}
<div class="v-wrap">
<div class="v-wrap">
{foreach $feature.variants as $variant}
{foreach $feature.variants as $variant}
{if $variant.product_id}
{if $variant.product_id}
<input type="radio"
<input type="radio"
name="feature_{$feature.feature_id}"
name="feature_{$feature.feature_id}"
value="{$variant.variant_id}"
value="{$variant.variant_id}"
{if $feature.variant_id == $variant.variant_id}
{if $feature.variant_id == $variant.variant_id}
checked
checked
{/if}
{/if}
id="feature_{$feature.feature_id}_variant_{$variant.variant_id}_{$obj_prefix}{$obj_id}"
id="feature_{$feature.feature_id}_variant_{$variant.variant_id}_{$obj_prefix}{$obj_id}"
data-ca-variant-id="{$variant.variant_id}"
data-ca-variant-id="{$variant.variant_id}"
data-ca-product-url="{$product_url|fn_link_attach:"product_id={$variant.product.product_id}"|fn_url}"
data-ca-product-url="{$product_url|fn_link_attach:"product_id={$variant.product.product_id}"|fn_url}"
class="hidden ty-product-options__radio {if $feature.purpose === $purpose_create_variations || $quick_view}cm-ajax{/if} {if !$quick_view}cm-history{/if} cm-ajax-force" data-ca-target-id="{$container}"
class="hidden ty-product-options__radio {if $feature.purpose === $purpose_create_variations || $quick_view}cm-ajax{/if} {if !$quick_view}cm-history{/if} cm-ajax-force" data-ca-target-id="{$container}"
/>
/>
<label for="feature_{$feature.feature_id}_variant_{$variant.variant_id}_{$obj_prefix}{$obj_id}"
<label for="feature_{$feature.feature_id}_variant_{$variant.variant_id}_{$obj_prefix}{$obj_id}"
class="ty-product-options__radio--label"
class="ty-product-options__radio--label"
>
>
<span class="ty-product-option-checkbox">{$feature.prefix}</span>{$variant.variant}<span class="ty-product-option-checkbox">{$feature.suffix}</span>
<span class="ty-product-option-checkbox">{$feature.prefix}</span>{$variant.variant}<span class="ty-product-option-checkbox">{$feature.suffix}</span>
</label>
</label>
{elseif $show_all_possible_feature_variants}
{elseif $show_all_possible_feature_variants}
<label class="ty-product-options__radio--label ty-product-options__radio--label--disabled">
<label class="ty-product-options__radio--label ty-product-options__radio--label--disabled">
<span class="ty-product-option-checkbox">{$feature.prefix}</span>{$variant.variant}<span class="ty-product-option-checkbox">{$feature.suffix}</span>
<span class="ty-product-option-checkbox">{$feature.prefix}</span>{$variant.variant}<span class="ty-product-option-checkbox">{$feature.suffix}</span>
</label>
</label>
{/if}
{/if}
{/foreach}
{/foreach}
</div>
</div>
{/hook}
{/hook}
{/if}
{/if}
</div>
</div>
{/foreach}
{/foreach}
</div>
</div>
</div>
</div>
{/if}
{/if}