Ayuda con Pestaña Accesorios,please ;)

[Karlos123]

Hola amig@s,

pues despues de buscar como añadir las pestañas en el producto,para que se vea todo mas o menos correcto,me encuentro con el problema de que no se visualizan los accesorios en dicha pagina,este es el codigo modificado en el product.tpl de mi tema:

 

 

 

<! - Descripción y características ->

 

{if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}

<div id="more_info_block" class="clear">

    <ul id="more_info_tabs" class="idTabs idTabsShort clearfix">

        {if $product->description}<li><a id="more_info_tab_more_info" href="#idTab1">{l s='More info'}</a></li>{/if}

        {if $features}<li><a id="more_info_tab_data_sheet" href="#idTab2">{l s='Data sheet'}</a></li>{/if}

        {if $attachments}<li><a id="more_info_tab_attachments" href="#idTab9">{l s='Download'}</a></li>{/if}

        {if isset($accessories) && $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}

        {if isset($product) && $product->customizable}<li><a href="#idTab10">{l s='Product customization'}</a></li>{/if}

        {$HOOK_PRODUCT_TAB}

    </ul>

    <div id="more_info_sheets" class="sheets align_justify">

    {if isset($product) && $product->description}

        <!-- full description -->

        <div id="idTab1" class="rte">{$product->description}</div>

    {/if}

    {if isset($features) && $features}

        <!-- product's features -->

        <ul id="idTab2" class="bullet">

        {foreach from=$features item=feature}

            {if isset($feature.value)}

                <li><span>{$feature.name|escape:'htmlall':'UTF-8'}</span> {$feature.value|escape:'htmlall':'UTF-8'}</li>

            {/if}

        {/foreach}

        </ul>

    {/if}

    {if isset($attachments) && $attachments}

        <ul id="idTab9" class="bullet">

        {foreach from=$attachments item=attachment}

            <li><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html'}">{$attachment.name|escape:'htmlall':'UTF-8'}</a><br />{$attachment.description|escape:'htmlall':'UTF-8'}</li>

        {/foreach}

        </ul>

    {/if}

    {if isset($accessories) && $accessories}

       <!--Accessories -->

  <section class="accessories_block">

<ul id="idTab4" class="bullet">

<div class="block products_block accessories-block clearfix">

<div class="block_content">

<ul id="bxslider" class="bxslider clearfix">

{foreach from=$accessories item=accessory name=accessories_list}

{if ($accessory.allow_oosp || $accessory.quantity_all_versions > 0 || $accessory.quantity > 0) && $accessory.available_for_order && !isset($restricted_country_mode)}

{assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}

<li class="item product-box ajax_block_product{if $smarty.foreach.accessories_list.first} first_item{elseif $smarty.foreach.accessories_list.last} last_item{else} item{/if} product_accessories_description">

<div class="product_desc">

<a href="{$accessoryLink|escape:'html':'UTF-8'}" title="{$accessory.legend|escape:'html':'UTF-8'}" class="product-image product_image">

<img class="lazyOwl" src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'home_default')|escape:'html':'UTF-8'}" alt="{$accessory.legend|escape:'html':'UTF-8'}" width="{$homeSize.width}" height="{$homeSize.height}"/>

</a>

<div class="block_description">

<a href="{$accessoryLink|escape:'html':'UTF-8'}" title="{l s='More'}" class="product_description">

{$accessory.description_short|strip_tags|truncate:25:'...'}

</a>

</div>

</div>

<div class="s_title_block">

<h5 class="product-name">

<a href="{$accessoryLink|escape:'html':'UTF-8'}">

{$accessory.name|truncate:20:'...':true|escape:'html':'UTF-8'}

</a>

</h5>

{if $accessory.show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}

<span class="price">

{if $priceDisplay != 1}

{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}

{/if}

</span>

{/if}

</div>

<div class="clearfix" style="margin-top:5px">

{if !$PS_CATALOG_MODE && ($accessory.allow_oosp || $accessory.quantity > 0)}

<div class="no-print">

<a class="exclusive button ajax_add_to_cart_button" href="{$link->getPageLink('cart', true, NULL, "qty=1&id_product={$accessory.id_product|intval}&token={$static_token}&add")|escape:'html':'UTF-8'}" data-id-product="{$accessory.id_product|intval}" title="{l s='Add to cart'}">

<span>{l s='Add to cart'}</span>

</a>

</div>

{/if}

</div>

</li>

{/if}

{/foreach}

</ul>

</div>

</div>

</div>

</section>

<!--end Accessories -->

    <!-- Customizable products -->

{/if}

    {if isset($product) && $product->customizable}

        <div id="idTab10" class="bullet customization_block">

            <form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">

                <p class="infoCustomizable">

                    {l s='After saving your customized product, remember to add it to your cart.'}

                    {if $product->uploadable_files}<br />{l s='Allowed file formats are: GIF, JPG, PNG'}{/if}

                </p>

                {if $product->uploadable_files|intval}

                <div class="customizableProductsFile">

                    <h3>{l s='Pictures'}</h3>

                    <ul id="uploadable_files" class="clearfix">

                        {counter start=0 assign='customizationField'}

                        {foreach from=$customizationFields item='field' name='customizationFields'}

                            {if $field.type == 0}

                                <li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}

                                    {if isset($pictures.$key)}

                                    <div class="customizationUploadBrowse">

                                        <img src="{$pic_dir}{$pictures.$key}_small" alt="" />

                                        <a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html'}" title="{l s='Delete'}" >

                                            <img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />

                                        </a>

                                    </div>

                                    {/if}

                                    <div class="customizationUploadBrowse">

                                        <label class="customizationUploadBrowseDescription">{if !empty($field.name)}{$field.name}{else}{l s='Please select an image file from your computer'}{/if}{if $field.required}^*{/if}</label>

                                        <input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="customization_block_input {if isset($pictures.$key)}filled{/if}" />

                                    </div>

                                </li>

                                {counter}

                            {/if}

                        {/foreach}

                    </ul>

                </div>

                {/if}

                {if $product->text_fields|intval}

                <div class="customizableProductsText">

                    <h3>{l s='Text'}</h3>

                    <ul id="text_fields">

                    {counter start=0 assign='customizationField'}

                    {foreach from=$customizationFields item='field' name='customizationFields'}

                        {if $field.type == 1}

                        <li class="customizationUploadLine{if $field.required} required{/if}">

                            <label for ="textField{$customizationField}">{assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field} {if !empty($field.name)}{$field.name}{/if}{if $field.required}^*{/if}</label>

                            <textarea name="textField{$field.id_customization_field}" id="textField{$customizationField}" rows="1" cols="40" class="customization_block_input">{if isset($textFields.$key)}{$textFields.$key|stripslashes}{/if}</textarea>

                        </li>

                        {counter}

                        {/if}

                    {/foreach}

                    </ul>

                </div>

                {/if}

                <p id="customizedDatas">

                    <input type="hidden" name="quantityBackup" id="quantityBackup" value="" />

                    <input type="hidden" name="submitCustomizedDatas" value="1" />

                    <input type="button" class="button" value="{l s='Save'}" onclick="javascript:saveCustomization()" />

                    <span id="ajax-loader" style="display:none"><img src="{$img_ps_dir}loader.gif" alt="loader" /></span>

                </p>

            </form>

            <p class="clear required">^* {l s='required fields'}</p>

        </div>

    {/if}

  

    {if isset($HOOK_PRODUCT_TAB_CONTENT) && $HOOK_PRODUCT_TAB_CONTENT}{$HOOK_PRODUCT_TAB_CONTENT}{/if}

    </div>

</div>

{/if}

{if isset($packItems) && $packItems|@count > 0}

    <div id="blockpack">

        <h2>{l s='Pack content'}</h2>

        {include file="$tpl_dir./product-list.tpl" products=$packItems}

    </div>

{/if}

 

{if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}

{/if}

</div> <!-- itemscope product wrapper -->

 

 

 

******y este el Codigo css añadido al Global.css de mi tema :

 

 

 

.idTabs {

list-style-type:none;

margin-top:20px;

}

 

ul.idTabs li {

float:left;

margin-right:-1px;

}

 

.idTabs a {

color:#555454;

text-transform:uppercase;

font-family:"Open Sans",sans-serif;

font-weight:600;

font-size:18px;

line-height:60px;

position:relative;

border:1px solid #d6d4d4;

background:#fbfbfb;

margin:0 0 20px;

padding:14px 20px 17px;

}

 

#more_info_sheets .product_desc .block_description {

float:left;

margin-left:10px;

width:420px;

}

 

#more_info_sheets .product_desc .clear_product_desc {

clear:both;

height:0;

line-height:0;

}

 

.idTabs .selected,#header .sf-menu > li.sfHover > a,#header .sf-menu > li > a:hover,#header .sf-menu > li.sfHoverForce > a {

color:#fff;

background: #553D3D;

border-bottom-color: #000000;

}

 

 

por favor decirme donde he metido la pata,puesto que llevo unas horas con el tema y no encuentro solución,muchas gracias por vuestro tiempo.

Edited February 16, 2015 by Karlos123 (see edit history)

[Karlos123]

que cosa mas rara!!!! le doy en el navegador a Inspeccionar elemento y aparecen ,pero recargo y pincho en la pestaña Accesorios y no aparecen.......

 

adjunto fotos

Edited February 16, 2015 by Karlos123 (see edit history)

[Karlos123]

Bueno pues investigando un poco he tenido que cambiar el id ul de bxslider a bxslider2 , de lo contrario el js bxslider define la altura a 0 y el máximo ancho de 568px .

ahora la lista se muestra correctamente, pero sin las funciones bxslider,

 

¿alguien puede saber a que es debido este fallo? ¿o por donde tengo que buscar info?

[Karlos123]

Me podriais por favor, decir como darle formato a la tabla de accesorios,ahora no puedo separarlos,os dejo una foto,el codigo modificado esta mas arriba,me tiene desesperado el tema de configurar las dichosas pestañitas,jajajaja.,bueno a ver si alguien se anima,gracias.

 

Edited February 16, 2015 by Karlos123 (see edit history)