Zmieniający się indeks w zależności od kombinacji

[Searlas10]

Witam. Korzystam z szablonu classic, prestashop 1.7.1.1. Chciałbym żeby indeks produktu pokazywał się pod ceną produktu. Wprowadziłem taką zmianę, ale niestety dla różnych kombinacji produktu stosuję różne indeksy. Po wybraniu np. rozmiaru produktu w zakładce "szczegóły produktu" indeks się zmienia, ale ten  pod ceną pozostaje ciągle taki sam.

Proszę o wskazówki co trzeba zrobić, żeby indeks który umieściłem pod ceną zmieniał się w zależności od wybranej kombinacji produktu.

 

Niżej wyjaśnione obrazkowo  

 

 

 

 

 

 

 

I przy okazji drugie pytanie: Czy da się ustawić która zakładka "Opis" lub "Szczegóły produktu" ma się domyślnie wyświetlać jako pierwsza?

[bestcoding.net]

Jeśli chcesz gdzieś na stronie produktu mieć zmieniający się indeks kombinacji, wystarczy że w wybranym miejscu wstawisz to:

<span id="product_reference">
    Indeks kombinacji:
    <span>tutaj się będzie automatycznie zmieniał indeks</span>
</span>

Odnośnie zakładek, musisz edytować product.tpl w swoim szablonie.

Znajdź tam div.product-information a w nim znajdź div.tabs

Przy wybranym a.nav-link dodaj klase `active` oraz przy wybranym div.tab-pane dodaj klasy `active` oraz `in`.
Czyli coś takiego: https://monosnap.com/file/vGIXl57QdgdPecCDYpHuR6lrNvabQK

Edited July 19, 2017 by bestcoding.net (see edit history)

[Searlas10]

Dziękuję za poświęcenie czasu na wytłumaczenie krok po kroku sprawy zakładek.  

 

Niestety nadal mam problem z indeksem kombinacji, wciąż bez względu na to jaką kombinacje wybiorę to pozostaje domyślny indeks. Mój kod wygląda tak:

<div class="product-information">
		  
		
 
{block name='product_reference'}
	    {if isset($product.reference_to_display)}
      <div class="product-reference">
        <label class="label">{l s='Reference' d='Shop.Theme.Catalog'} </label>
        <span itemprop="sku">{$product.reference_to_display}</span>
      </div>
    {/if}
	{/block}
	

		  
            {block name='product_description_short'}
              <div id="product-description-short-{$product.id}" itemprop="description">{$product.description_short nofilter}</div>
            {/block}

            {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">
              {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}">
                  <input type="hidden" name="id_product" value="{$product.id}" id="product_page_product_id">
                  <input type="hidden" name="id_customization" value="{$product.id_customization}" id="product_customization_id">

                  {block name='product_variants'}
                    {include file='catalog/_partials/product-variants.tpl'}
                  {/block}

                  {block name='product_pack'}
                    {if $packItems}
                      <section class="product-pack">
                        <h3 class="h4">{l s='This pack contains' d='Shop.Theme.Catalog'}</h3>
                        {foreach from=$packItems item="product_pack"}
                          {block name='product_miniature'}
                            {include file='catalog/_partials/miniatures/pack-product.tpl' product=$product_pack}
                          {/block}
                        {/foreach}
                    </section>
                    {/if}
                  {/block}

                  {block name='product_discounts'}
                    {include file='catalog/_partials/product-discounts.tpl'}
                  {/block}

                  {block name='product_add_to_cart'}
                    {include file='catalog/_partials/product-add-to-cart.tpl'}
                  {/block}

                  {block name='product_additional_info'}
                    {include file='catalog/_partials/product-additional-info.tpl'}
                  {/block}

                  {block name='product_refresh'}
                    <input class="product-refresh ps-hidden-by-js" name="refresh" type="submit" value="{l s='Refresh' d='Shop.Theme.Actions'}">
                  {/block}
                </form>
              {/block}

            </div>

            {block name='hook_display_reassurance'}
              {hook h='displayReassurance'}
            {/block}

            
                
               
              
          </div>