Variant product customization

mohana · July 1, 2021, 9:19am

Hello all,

How to extend/rewrite the variants product functionality in my custom module.

Thanks in advance.

vanilla_thunder · July 1, 2021, 10:07am

step 1) create new module
step 2) extends classes and function you need
done.

rubbercut · July 1, 2021, 10:12am

@mohana
Nobody knows your module. So this is the only suitable answer.

joseba · July 1, 2021, 11:37am

@ vanilla_thunder, can you Please explain how to does it?

I have the Module Detailseiten Varianten Darstellung

My problem,

I have an Artikel with the Number 288882, than in Varianten Tab, for each color, I writed 288882-1, 288882-2,…

How it to show,

The question, how to does that 50 only display in Natürlich Button

vanilla_thunder · July 1, 2021, 12:28pm

unfortunately there is no way to quickly explain years of working with oxid and php code.

If those are multidimensional variants, then oxid has a way to check if the combination of selected variations is available or not:

github.com

OXID-eSales/flow_theme/blob/master/tpl/widget/product/selectbox.tpl#L40

    
      
                                      <a href="#" rel="">
                                          [{if $sFieldName == "sel"}]
                                              [{oxmultilang ident="PLEASE_CHOOSE"}]
                                          [{else}]
                                              [{oxmultilang ident="CHOOSE_VARIANT"}]
                                          [{/if}]
                                      </a>
                                  </li>
                              [{/if}]
                              [{foreach from=$oSelections item=oSelection}]
                                  <li class="[{if $oSelection->isDisabled()}]disabled js-disabled[{/if}]">
                                      <a href="[{$oSelection->getLink()}]" data-selection-id="[{$oSelection->getValue()}]" class="[{if $oSelection->isActive()}]active[{/if}]">[{$oSelection->getName()}]</a>
                                  </li>
                              [{/foreach}]
                          </ul>
                      [{/if}]
                  </div>
              </div>
          [{/if}]

joseba · July 1, 2021, 1:03pm

Very thanks for your answer!

That means that I should enable the Java script ?

vanilla_thunder · July 1, 2021, 1:20pm

sure, Java is absolutely necessary for this

joseba · July 1, 2021, 1:37pm

but to write

<li class="dropdown-menu-item[{if $oSelection->isDisabled()}] active js-active[{/if}]">

nothing to change…

joseba · July 1, 2021, 1:51pm

I think I found what I to search…

Hier someone asked for a similar question, and here the solution for this problem who it is like as my problem…

with this code on my CSS file,

.selectorsBox .dropDown li.disabled {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=.45);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .45;	

}

to come this window,

it is the best that I to found in the Forum for my problem…

When I to add only display: none; ,

.selectorsBox .dropDown li.disabled {display: none;}

to come this…

to come 100% what I to wanted…

system · July 1, 2022, 1:51pm

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.