Code: Select all
.row-sp {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
padding: 0 4px;
}
/* Create two equal columns that sit next to each other */
.column-sp {
-ms-flex: 50%; /* IE10 */
flex: 50%;
max-width: 50%;
padding: 0 4px;
}
.column-sp img {
margin-top: 8px;
vertical-align: middle;
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
.column-sp {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
Code: Select all
<?php echo $header;
$theme_options = $registry->get('theme_options');
$config = $registry->get('config');
include('catalog/view/theme/'.$config->get('theme_' . $config->get('config_theme') . '_directory').'/template/themeglobal/themeglobal_top.tpl'); ?>
<div itemscope itemtype="http://data-vocabulary.org/Product">
<span itemprop="name" class="hidden"><?php echo $heading_title; ?></span>
<div class="product-info">
<div class="row">
<div class="col-sm-<?php if($theme_options->get( 'custom_block', 'product_page', $config->get( 'config_language_id' ), 'status' ) == 1) { echo 9; } else { echo 12; } ?>">
<div class="row" id="quickview_product">
<?php if($theme_options->get( 'product_image_zoom' ) != 2) { ?>
<script>
...
...
...
<?php if($theme_options->get( 'custom_block', 'product_page', $config->get( 'config_language_id' ), 'status' ) == 1) { ?>
<div class="col-sm-3">
<div class="product-block">
<?php if($theme_options->get( 'custom_block', 'product_page', $config->get( 'config_language_id' ), 'heading' ) != '') { ?>
<h4 class="title-block"><?php echo $theme_options->get( 'custom_block', 'product_page', $config->get( 'config_language_id' ), 'heading' ); ?></h4>
<div class="strip-line"></div>
<?php } ?>
<div class="block-content">
<?php echo html_entity_decode($theme_options->get( 'custom_block', 'product_page', $config->get( 'config_language_id' ), 'text' )); ?>
</div>
</div>
</div>
<?php } ?>
...
...
...