Diff
checker
Text
Text
Images
Documents
Excel
Folders
Legal
Enterprise
Desktop
Pricing
Sign in
Download Diffchecker Desktop
Compare text
Find the difference between two text files
Tools
History
Real-time editor
Hide unchanged lines
Disable line wrap
Layout
Split
Unified
Diff precision
Smart
Word
Char
Syntax highlighting
Choose syntax
Ignore
Transform text
Go to first change
Edit input
Diffchecker Desktop
The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!
Get Desktop
product_option_content.pre_diff
Created
4 years ago
Diff never expires
Clear
Export
Share
Explain
0 removals
Lines
Total
Removed
Characters
Total
Removed
To continue using this feature, upgrade to
Diff
checker
Pro
View Pricing
160 lines
Copy
4 additions
Lines
Total
Added
Characters
Total
Added
To continue using this feature, upgrade to
Diff
checker
Pro
View Pricing
160 lines
Copy
{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}
Copy
Copied
Copy
Copied
{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}
Copy
Copied
Copy
Copied
{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}
Copy
Copied
Copy
Copied
{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
]
]
}
}
Copy
Copied
Copy
Copied
{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}
Saved diffs
Original text
Open file
{if $product.variation_features_variants && $product.detailed_params.info_type === "D"} {script src="js/addons/product_variations/picker_features.js"} <div id="features_{$obj_prefix}{$obj_id}_AOC"> {$container = "product_detail_page"} {$product_url = "products.view"} {$show_all_possible_feature_variants = $addons.product_variations.variations_show_all_possible_feature_variants === "YesNo::YES"|enum} {if $quick_view} {$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} {/if} {if $product.detailed_params.is_preview} {$product_url = $product_url|fn_link_attach:"action=preview"} {/if} <div class="cm-picker-product-variation-features ty-product-options"> {$feature_style_dropdown = "\Tygh\Enum\ProductFeatureStyles::DROP_DOWN"|constant} {$feature_style_images = "\Tygh\Enum\ProductFeatureStyles::DROP_DOWN_IMAGES"|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} {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])} <div class="ty-control-group ty-product-options__item clearfix"> {hook name="abt__youpitheme:pv_option_label"} <label class="ty-control-group__label ty-product-options__item-label">{$feature.description}:</label> {/hook} {if $feature.feature_style === $feature_style_images} <bdi> {foreach $feature.variants as $variant} {if $feature.variant_id != $variant.variant_id} {continue} {/if} {if $variant.product_id || $show_all_possible_feature_variants} <div class="ty-product-option-container ty-product-option-container--feature-style-images"> {if $feature.prefix} <div class="ty-product-option-child">{$feature.prefix}</div> {/if} <div class="ty-product-option-child">{$variant.variant}</div> {if $feature.suffix} <div class="ty-product-option-child">{$feature.suffix}</div> {/if} </div> {/if} {/foreach} </bdi> {elseif $feature.feature_style === $feature_style_dropdown || $is_feature_default_style} <bdi> <span class="ty-product-option-container"> {if $feature.prefix} <span class="ty-product-option-child">{$feature.prefix}</span> {/if} <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}"> {foreach $feature.variants as $variant} {if $variant.product_id && $variant.product.amount} <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}" {if $feature.variant_id == $variant.variant_id}selected="selected"{/if} > {$variant.variant} </option> {elseif $show_all_possible_feature_variants} <option disabled>{$variant.variant}</option> {/if} {/foreach} </select> </span> {if $feature.suffix} <span class="ty-product-option-child">{$feature.suffix}</span> {/if} </span> </bdi> {/if} {if $feature.feature_style === $feature_style_images} {capture name="variant_images"} {foreach $feature.variants as $variant} {if $variant.showed_product_id} {$variant_product_id = $variant.showed_product_id} {else} {$variant_product_id = $variant.product.product_id} {/if} {if $variant_product_id} {if $variant.amount} <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}" {if $feature.purpose === $purpose_create_variations || $quick_view}data-ca-target-id="{$container}"{/if} > {/if} {if $variant.amount} {$image_class = "ty-product-options__image"} {else} {$image_class = "ty-product-variations-image-disabled"} {/if} {include file="common/image.tpl" obj_id="image_feature_variant_{$feature.feature_id}_{$variant.variant_id}_{$obj_prefix}{$obj_id}" class=$image_class images=$variant.product.main_pair image_width=$settings.Thumbnails.product_variant_mini_icon_width image_height=$settings.Thumbnails.product_variant_mini_icon_height image_additional_attrs = [ "width" => $settings.Thumbnails.product_variant_mini_icon_width, "height" => $settings.Thumbnails.product_variant_mini_icon_height ] } {if $variant.amount} </a> {elseif $show_all_possible_feature_variants} <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> </label> {/if} {/if} {/foreach} {/capture} {if $smarty.capture.variant_images|trim} <div class="v-wrap"> {$smarty.capture.variant_images nofilter} </div> {/if} {elseif $feature.feature_style === $feature_style_labels} {hook name="abt__youpitheme:pv_option_variants_labels"} <div class="v-wrap"> {foreach $feature.variants as $variant} {if $variant.product_id} <input type="radio" name="feature_{$feature.feature_id}" value="{$variant.variant_id}" {if $feature.variant_id == $variant.variant_id} checked {/if} id="feature_{$feature.feature_id}_variant_{$variant.variant_id}_{$obj_prefix}{$obj_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}" 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}" 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> </label> {elseif $show_all_possible_feature_variants} <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> </label> {/if} {/foreach} </div> {/hook} {/if} </div> {/foreach} </div> </div> {/if}
Changed text
Open file
{if $product.variation_features_variants && $product.detailed_params.info_type === "D"} {script src="js/addons/product_variations/picker_features.js"} <div id="features_{$obj_prefix}{$obj_id}_AOC"> {$container = "product_detail_page"} {$product_url = "products.view"} {$show_all_possible_feature_variants = $addons.product_variations.variations_show_all_possible_feature_variants === "YesNo::YES"|enum} {if $quick_view} {$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} {/if} {if $product.detailed_params.is_preview} {$product_url = $product_url|fn_link_attach:"action=preview"} {/if} <div class="cm-picker-product-variation-features ty-product-options"> {$feature_style_dropdown = "\Tygh\Enum\ProductFeatureStyles::DROP_DOWN"|constant} {$feature_style_images = "\Tygh\Enum\ProductFeatureStyles::DROP_DOWN_IMAGES"|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} {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])} <div class="ty-control-group ty-product-options__item clearfix"> {hook name="abt__youpitheme:pv_option_label"} <label class="ty-control-group__label ty-product-options__item-label">{$feature.description}:</label> {/hook} {if $feature.feature_style === $feature_style_images} <bdi> {foreach $feature.variants as $variant} {if $feature.variant_id != $variant.variant_id} {continue} {/if} {if $variant.product_id || $show_all_possible_feature_variants} <div class="ty-product-option-container ty-product-option-container--feature-style-images"> {if $feature.prefix} <div class="ty-product-option-child">{$feature.prefix}</div> {/if} <div class="ty-product-option-child">{$variant.variant}</div> {if $feature.suffix} <div class="ty-product-option-child">{$feature.suffix}</div> {/if} </div> {/if} {/foreach} </bdi> {elseif $feature.feature_style === $feature_style_dropdown || $is_feature_default_style} <bdi> <span class="ty-product-option-container"> {if $feature.prefix} <span class="ty-product-option-child">{$feature.prefix}</span> {/if} <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}"> {foreach $feature.variants as $variant} {if $variant.product_id && $variant.product.amount >= 0} <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}" {if $feature.variant_id == $variant.variant_id}selected="selected"{/if} > {$variant.variant} </option> {elseif $show_all_possible_feature_variants} <option disabled>{$variant.variant}</option> {/if} {/foreach} </select> </span> {if $feature.suffix} <span class="ty-product-option-child">{$feature.suffix}</span> {/if} </span> </bdi> {/if} {if $feature.feature_style === $feature_style_images} {capture name="variant_images"} {foreach $feature.variants as $variant} {if $variant.showed_product_id} {$variant_product_id = $variant.showed_product_id} {else} {$variant_product_id = $variant.product.product_id} {/if} {if $variant_product_id} {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}" 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} {if $variant.amount >= 0} {$image_class = "ty-product-options__image"} {else} {$image_class = "ty-product-variations-image-disabled"} {/if} {include file="common/image.tpl" obj_id="image_feature_variant_{$feature.feature_id}_{$variant.variant_id}_{$obj_prefix}{$obj_id}" class=$image_class images=$variant.product.main_pair image_width=$settings.Thumbnails.product_variant_mini_icon_width image_height=$settings.Thumbnails.product_variant_mini_icon_height image_additional_attrs = [ "width" => $settings.Thumbnails.product_variant_mini_icon_width, "height" => $settings.Thumbnails.product_variant_mini_icon_height ] } {if $variant.amount >= 0} </a> {elseif $show_all_possible_feature_variants} <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> </label> {/if} {/if} {/foreach} {/capture} {if $smarty.capture.variant_images|trim} <div class="v-wrap"> {$smarty.capture.variant_images nofilter} </div> {/if} {elseif $feature.feature_style === $feature_style_labels} {hook name="abt__youpitheme:pv_option_variants_labels"} <div class="v-wrap"> {foreach $feature.variants as $variant} {if $variant.product_id} <input type="radio" name="feature_{$feature.feature_id}" value="{$variant.variant_id}" {if $feature.variant_id == $variant.variant_id} checked {/if} id="feature_{$feature.feature_id}_variant_{$variant.variant_id}_{$obj_prefix}{$obj_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}" 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}" 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> </label> {elseif $show_all_possible_feature_variants} <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> </label> {/if} {/foreach} </div> {/hook} {/if} </div> {/foreach} </div> </div> {/if}
Find difference