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:
2025-06-10 00:33:01 +02:00
parent c26eb99b18
commit 271a674f6a
8 changed files with 68 additions and 46 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -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;
}
}
}

View File

@@ -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"}