我正在使用cs cart。在这里,我使用背景图像和flexslider用于显示产品。它的工作正常。不幸的是,它在ipad设备中不可见。
在mozila ctrl + shift + m ipad尺寸视图正常工作。但是,当我检查设备时,它无法正常工作。如何解决这个问题?
这是我的编码。
<div class="section parallax full-screen dark nomargin noborder" style="background-image: url('skins/sailorsandcrooks/customer/css/images/parallax/1.jpg');" data-stellar-background-ratio="0.4">
<div align="center">
<div id="owl-demo" class="owl-carousel">
<div class="flexslider carousel">
<ul class="slides">
{assign var="image_h" value="400"}
{assign var="text_h" value="90"}
{assign var="cellspacing" value="2"}
{math equation="3 * cellspacing + image_h + text_h" assign="item_height" cellspacing=$cellspacing image_h=$image_h text_h=$text_h}
{foreach from=$items item="product" name="for_products"}
<li class="item">
{assign var="obj_id" value="scr_`$block.block_id`000`$product.product_id`"}
{assign var="img_object_type" value="product"}
{include file="common_templates/image.tpl" assign="object_img" image_width=$block.properties.thumbnail_width image_height=$block.properties.thumbnail_width images=$product.main_pair no_ids=true object_type=$img_object_type show_thumbnail="Y"}
<table cellpadding="0" cellspacing="{$cellspacing}" border="0" width="{$item_width}">
<tr>
<td class="center product-image" style="height: {$image_h}px;">
<div class="product-image">
<a href="{"products.view?product_id=`$product.product_id`"|fn_url}">{$object_img}</a>
<a href="{"products.view?product_id=`$product.product_id`"|fn_url}">
{assign var="image_details" value=$product.product_id|fn_get_image_pairs:"product":"A":true:true}
{assign var="first_image" value=0}
{if $image_details}
{foreach from=$image_details key=k item="roll_image"}
{if $first_image eq 0}
{$image_details.detailed.http_image_path}
<img src="{$roll_image.detailed.http_image_path}" alt="{$lang.image}" height="{$image_h}px" width="{$item_width}px" />
{capture assign=first_image}{$first_image+1}{/capture}
{/if}
{/foreach}
{/if}
</a>
</div>
<div class="prod-details">
{if $block.properties.hide_add_to_cart_button == "Y"}
{assign var="_show_add_to_cart" value=false}
{else}
{assign var="_show_add_to_cart" value=true}
{/if}
{strip}
{if $block.properties.item_number == "Y"}{$smarty.foreach.for_products.iteration}. {/if}
{include file="blocks/list_templates/simple_list.tpl" product=$product show_trunc_name=false show_price=false show_add_to_cart=$_show_add_to_cart but_role="text"}
{/strip}
</div>
</td>
</tr>
<tr>
<td class="center compact" style="height: {$text_h}px;">
{if $block.properties.hide_add_to_cart_button == "Y"}
{assign var="_show_add_to_cart" value=false}
{else}
{assign var="_show_add_to_cart" value=true}
{/if}
{strip}
{if $block.properties.item_number == "Y"}{$smarty.foreach.for_products.iteration}. {/if}
{include file="blocks/list_templates/simple_list.tpl" product=$product show_trunc_name=true show_price=true show_add_to_cart=$_show_add_to_cart but_role="text"}
{/strip}
</td>
</tr>
</table>
</li>
{/foreach}
</ul>
</div>
</div>
<div class="owl-controlls clickable" style=""><div class="owl-pagination"><div class="owl-page active"><span class=""></span></div><div class="owl-page"><span class=""></span></div><div class="owl-page"><span class=""></span></div></div><div class="owl-buttons"><div class="owl-prev disabled">prev</div><div class="owl-next">next</div></div></div>
</div>
</div>