는 Woocommerce이 내가해야 할 일에만 CSS

Question

과 상점 페이지를 대상으로 :

• 은 CSS로 만 주요 상점 페이지 (아래에 언급 한 바와 같이 내가 만든 특정 사용자 정의 클래스)를 대상으로 지정하려면.
  • 내가 내 아이 테마에 archive-product.php의 재정의 템플릿이 :

  이 내가 할 지금까지 시도한 것입니다.

• 이 오버라이드 템플릿에서는 제품 루프를 시작하기 직전에 사용자 정의 클래스 custom-shop-class으로 div를 추가했습니다. 루프 된 제품을 구체적으로 타겟팅하고 싶기 때문입니다.
  : 나는 WP - 관리자에서 "가게"페이지를 통해 올려 놓으면, 그것은 나에게 주었기 때문에 http://.../post.php?post=4&action=edit

  는 다음 나는 데 문제가 될 때

• 나는 클래스 page-id-4 타겟팅 시도
• 내가 발견 한 바에 따르면, 동일한 archive-product.php 템플릿이 다른 다양한 상점 페이지에서 사용되고 있으며, 주된 "상점"페이지 (내가 틀렸다면 수정하십시오) 에서뿐만 아니라, custom-shop-class을 CSS는 동일한 템플릿 파일을 사용하는 다른 모든 상점 페이지에 영향을 미칩니다. 그렇지 않아야합니다.
• 상점 페이지에 대한 고유 한 식별자 또는 클래스가 없으며 body 태그에 page-id-?? 클래스가 있습니다 (일반적인 WP 페이지와 동일).

최상의 방법/솔루션에 대한 제안이 있으십니까?

미리 감사드립니다. Mario.

Answer 1

기본 상점 페이지를 확인하는 조건문을 설정 한 다음 해당 진술이 true로 평가되면 해당 질문을 에코합니다. 주요 상점 페이지

WooCommerce 조건부 태그 :

is_shop() 

예 또는

if (is_shop()) { 
echo "<div class='custom-shop-class'></div>"; 
} else { 
echo "<div class='custom-product-category-class'></div>"; 
} 

:

<?php if (is_shop()):?> 
<div class="custom-shop-class"></div> 
<?php else: ?> 
<div class="custom-product-category-class"></div> 
<?php endif;?> 

Conditional Tags | WooThemes Documentation

Answer 2

여기 제공된 답변을 바탕으로 추가 WPML 언어를 기반으로 한 상점 페이지에 고유 식별자를 추가하려면 어떻게해야합니까? (나는 기본적으로 상점 페이지의 독일 버전에서만 폰트 크기를 줄이기 위해 노력하고있다. 놀랍게도하기가 어렵다.)