젠토 : 제품 탭 링크

우리의 제품의 대부분 자신의 페이지 (설명, 비디오, 다운로드 등) 나는에 링크 우리의 카테고리 페이지에 링크를 생성 할 수 꿔젠토 : 제품 탭 링크

에 탭이 해당 탭이 앵커를 사용하여 열리는 제품 페이지입니다. 뭔가 같은 것 http://www.example.com/product.html#tab-downloads

해당 유형의 URL을 사용하면 제품 페이지로 이동하여 탭 섹션으로 스크롤되지만 연결된 탭은 열리지 않습니다. 나는 젠토

위해 여기

을 지난 달 테마를 사용하고

라이브 예제 : 나는 페이지에 포함 할 필요가 일부 JS가있을거야 http://www.nellyssecurity.com/cameras/hi-def-cameras/ip-cameras/3-mp/eyesurv-esip-mp3-dm4-hi-def-3-mp-weatherproof-mini-dome-ip-camera.html#tab-downloads

,하지만 난 정확히 모르겠어요 어디에서 시작해야할까요? 어떤 도움이라도 좋을 것입니다!

출처

2014-09-16 AJ47

Magento 관련 질문은 없지만 더 많은 JS입니다. 페이지를 점프하여 위치를 해시하고 탭을 열거 나 요소를 클릭하는 것입니다. 당신이 사용할 수있는 jQuery를 사용하여 주어진 라이브 예를 들어

: 당신이 document.ready 내부의 두 줄을 라이브 예를 들어 URL을로드하고 실행하여, 라이브 예에이 코드를 테스트 할 수 있습니다

<script type="text/javascript"> 
$(document).ready(function() { 
    var hash = window.location.hash; 
    jQuery(hash).children().click(); 

    }); 
</script>

요소 콘솔 검사. 당신이 #id이있는 li 요소 내에 anchor을 click()하기 때문에

children()이 경우가있다. 실제 웹 페이지 DOM 구조에 맞게 조정하십시오. 응용 프로그램/디자인/프론트 엔드/울 티모/기본/템플릿/카탈로그/제품 라인 주위에/view.phtml

에서이 코드를 추가

출처

2014-09-16 21:01:42

시도 : (324) 당신은 </SCRIPT> 태그를 볼 수 있습니다. 이 코드를 안에 복사하십시오. 업로드하십시오.

jQuery(document).ready(function() { 
      if(location.hash == '#tab-downloads') { 
       if(jQuery("#product-tabs").hasClass("accor")){jQuery("#product-tabs .tabs-panels").data("tabs").click(jQuery(".tabs-panels .acctab").index(jQuery("#acctab-downloads")))}else{jQuery("#product-tabs .tabs").data("tabs").click(jQuery("#tab-downloads").index())}; 
      } 
     });

출처

2014-09-23 15:47:57 RStyle

저는 Magento Ultimo 테마를 사용하고 있으며이 작업을 사용자 정의 탭 (# tab2)으로 사용할 수있었습니다.

나는 내 서브 테마로 custom.js local.xml custom.js 파일에

그리고이 추가되었습니다.

jQuery(document).ready(function(){ 
    jQuery("#rq-product").click(function(){ 
     jQuery("#tab2").find("a").addClass("current"); 
     if(jQuery("#product-tabs").hasClass("accor")){ 
      jQuery("#product-tabs .tabs-panels").data("tabs").click(jQuery(".tabs-panels .acctab").index(jQuery("#acctab2"))) 
     } 
     else { 
      jQuery("#product-tabs .tabs").data("tabs").click(jQuery("#tab2").index()) 
     }; 
    }); 
});

그리고 내가 ID = "RQ-제품"과 HREF = "#의 TAB2"로 정적 블록에 배치 링크가

나를 위해 작동하는 것 같다 .

출처

2015-03-18 16:14:53 Surfrunner

젠토 : 제품 탭 링크

답변

관련 문제