Refactor product detail layout and styles
- Adjusted column sizes in the product detail template for better responsiveness. - Updated CSS to hide the short ID tab and modify margins for product attributes list. - Commented out conditional blocks for product customization and additional info to streamline the template.
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -615,4 +615,18 @@ a[href="https://redline.com.pl/pl/zamówienie?newAddress=invoice"] {
|
||||
content: '' !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.idTabHrefShort.page-product-heading {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pdproductattributeslist {
|
||||
margin: 10px 0 20px !important;
|
||||
|
||||
.footer_actions {
|
||||
.pull-right {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -9,7 +9,7 @@
|
||||
<section id="main" class="product-detail detail-3382420090 product-image-thumbs product-thumbs-bottom" itemscope itemtype="https://schema.org/Product">
|
||||
<meta itemprop="url" content="{$product.url}">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-lg-5 col-xl-5 col-sm-12 col-xs-12 col-sp-12">
|
||||
<div class="col-md-4 col-lg-4 col-xl-4 col-sm-12 col-xs-12 col-sp-12">
|
||||
|
||||
{block name='page_content_container'}
|
||||
<section class="page-content" id="content" data-templateview="bottom" data-numberimage="5" data-numberimage1200="4" data-numberimage992="4" data-numberimage768="3" data-numberimage576="3" data-numberimage480="2" data-numberimage360="2" data-templatemodal="1" data-templatezoomtype="in" data-zoomposition="right" data-zoomwindowwidth="400" data-zoomwindowheight="400">
|
||||
@@ -83,7 +83,7 @@
|
||||
{include file='catalog/_partials/product-images-modal.tpl'}
|
||||
{/block}
|
||||
</div>
|
||||
<div class="col-md-7 col-lg-7 col-xl-7 col-sm-12 col-xs-12 col-sp-12">
|
||||
<div class="col-md-8 col-lg-8 col-xl-8 col-sm-12 col-xs-12 col-sp-12">
|
||||
{block name='page_header_container'}
|
||||
{block name='page_header'}
|
||||
<h1 class="h1 product-detail-name" itemprop="name">{block name='page_title'}{$product.name}{/block}</h1>
|
||||
@@ -93,12 +93,12 @@
|
||||
{include file='catalog/_partials/product-prices.tpl'}
|
||||
{/block}
|
||||
|
||||
{if $product.is_customizable && count($product.customizations.fields)}
|
||||
{* {if $product.is_customizable && count($product.customizations.fields)}
|
||||
{block name='product_customization'}
|
||||
{include file="catalog/_partials/product-customization.tpl" customizations=$product.customizations}
|
||||
{/block}
|
||||
{/if}
|
||||
<div class="product-actions">
|
||||
{/if} *}
|
||||
{* <div class="product-actions">
|
||||
{block name='product_buy'}
|
||||
<form action="{$urls.pages.cart}" method="post" id="add-to-cart-or-refresh">
|
||||
<input type="hidden" name="token" value="{$static_token}">
|
||||
@@ -135,21 +135,21 @@
|
||||
{/block}
|
||||
</form>
|
||||
{/block}
|
||||
</div>
|
||||
</div> *}
|
||||
{hook h='displayCustomAttributesListTable' product=$product}
|
||||
{block name='product_description_short'}
|
||||
<div id="product-description-short-{$product.id}" class="description-short" itemprop="description">{$product.description_short nofilter}</div>
|
||||
{/block}
|
||||
{block name='product_after_cart_button'}
|
||||
{* {block name='product_after_cart_button'}
|
||||
{include file='catalog/_partials/product-after-cart-button.tpl'}
|
||||
{/block}
|
||||
{block name='product_additional_info'}
|
||||
{/block} *}
|
||||
{* {block name='product_additional_info'}
|
||||
{include file='catalog/_partials/product-additional-info.tpl'}
|
||||
{/block}
|
||||
{hook h='displayLeoProductReviewExtra' product=$product}
|
||||
{/block} *}
|
||||
{* {hook h='displayLeoProductReviewExtra' product=$product}
|
||||
{block name='hook_display_reassurance'}
|
||||
{hook h='displayReassurance'}
|
||||
{/block}
|
||||
{hook h='displayCustomAttributesListTable' product=$product}
|
||||
{/block} *}
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-12 col-xl-12 col-sm-12 col-xs-12 col-sp-12">
|
||||
{include file="sub/product_info/tab.tpl"}
|
||||
|
||||
Reference in New Issue
Block a user