Jump to content

Színválasztó helyének módos


gubtan
 Share

Recommended Posts

Sziasztok!

 

A színválasztót szeretném áthelyezni méghozzá úgy, hogy a képek alatt jelenjen meg vízszintesen. A könnyebb érthetőség kedvéért a mellékelt képen a piros téglalap jelölné az új helyet.

 

Van ötletek a megoldásra?

 

A rendszer 1.4.8.2.

 

Válaszaitokat előre is köszönöm!

post-416799-0-19850900-1376562650_thumb.jpg

Share this post


Link to post
Share on other sites

köszi nem kell már megtaláltam.

 

A tetemad/product.tpl-ben ez a blokk felel a kívánt részért (213 sor körül):

 

<div id="color_picker">
  <p>{l s='Pick a color:' js=1}</p>
  <div class="clear"></div>
  <ul id="color_to_pick_list">
  {foreach from=$colors key='id_attribute' item='color'}
   <li><a id="color_{$id_attribute|intval}" class="color_pick" style="background: {$color.value};" onclick="updateColorSelect({$id_attribute|intval});$('#wrapResetImages').show('slow');" title="{$color.name}">{if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}<img src="{$img_col_dir}{$id_attribute}.jpg" alt="{$color.name}" width="20" height="20" />{/if}</a></li>
  {/foreach}
  </ul>
  <div class="clear"></div>
 </div>

 

Ezt a <div> blokkot kell oda rakni ahova pozicionálni szeretnéd.

Share this post


Link to post
Share on other sites

Hát példának okáért:

 

a fent említett kódblokkot (egészítsük ki az ifekkel) tehát így:

 

{if isset($colors) && $colors}
 <!-- colors -->
 <div id="color_picker">
  <p>{l s='Pick a color:' js=1}</p>
  <div class="clear"></div>
  <ul id="color_to_pick_list">
  {foreach from=$colors key='id_attribute' item='color'}
<li><a id="color_{$id_attribute|intval}" class="color_pick" style="background: {$color.value};" onclick="updateColorSelect({$id_attribute|intval});$('#wrapResetImages').show('slow');" title="{$color.name}">{if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}<img src="{$img_col_dir}{$id_attribute}.jpg" alt="{$color.name}" width="20" height="20" />{/if}</a></li>
  {/foreach}
  </ul>
  <div class="clear"></div>
 </div>
 {/if}

 

tedd a 186.sor után, bele a usefull links blokkba:

 

<!-- usefull links-->
 <ul id="usefull_link_block">
  {if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
  <li><a href="javascript:print();">{l s='Print'}</a><br class="clear" /></li>
  {if $have_image && !$jqZoomEnabled}
  <li><span id="view_full_size" class="span_link">{l s='View full size'}</span></li>
  {/if}
 </ul>
</div>

 

tehát egybetéve így legyen:

<!-- usefull links-->
 <ul id="usefull_link_block">
  {if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
  <li><a href="javascript:print();">{l s='Print'}</a><br class="clear" /></li>
  {if $have_image && !$jqZoomEnabled}
  <li><span id="view_full_size" class="span_link">{l s='View full size'}</span></li>
  {/if}
 </ul>
	 {if isset($colors) && $colors}
 <!-- colors -->
 <div id="color_picker">
  <p>{l s='Pick a color:' js=1}</p>
  <div class="clear"></div>
  <ul id="color_to_pick_list">
  {foreach from=$colors key='id_attribute' item='color'}
<li><a id="color_{$id_attribute|intval}" class="color_pick" style="background: {$color.value};" onclick="updateColorSelect({$id_attribute|intval});$('#wrapResetImages').show('slow');" title="{$color.name}">{if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}<img src="{$img_col_dir}{$id_attribute}.jpg" alt="{$color.name}" width="20" height="20" />{/if}</a></li>
  {/foreach}
  </ul>
  <div class="clear"></div>
 </div>
 {/if}
</div>

 

Természetesen az adminban a force compile-t be kell kapcsolnod ahhoz hogy lásd a változást.

Ha betetted, és már ott jelenik meg ahol gondoltad, akkor érdemes css-ben utánaigazítani, ami a /themes/prestashop/css/product.css -ben lesz valahol az 50-es sorban ( #primary_block #color_picker ).

 

Nekem egy default teszt shopon alap témánál a fenti dolgokat eszközölve így néz ki:

FireShot_Screen_Capture__276_-___iPod_shuffle_-_teszt___-_localhost_presta1482_product_php_id_product_2_www.kepfeltoltes.hu_.png

Edited by pattila01 (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More