Saját stílusok importálása

Sziasztok,



Találtam egy olyan scriptet, ami nem engedi használni a woo saját 3 stílusát (woocommerce.css, woocommerce-layout.css, woocommerce-smallscreen.css), hanem helyettük újat lehet beimportálni a sablon mappájába.

Így néz ki a kód:

<br />
// Disable WooCommerce's Default Stylesheets<br />
function disable_woocommerce_default_css( $styles ) {<br />
<br />
// Disable the stylesheets below via unset():<br />
unset( $styles );  // Styling of buttons, dropdowns, etc.<br />
unset( $styles );        // Layout for columns, positioning.<br />
unset( $styles );   // Responsive design for mobile devices.<br />
<br />
return $styles;<br />
}<br />
add_action('woocommerce_enqueue_styles', 'disable_woocommerce_default_css');<br />
<br />
function use_woocommerce_custom_css() {<br />
wp_enqueue_style('woocommerce-custom', get_template_directory_uri() . '/woocommerce.css');<br />
}<br />
<br />
add_action('wp_enqueue_scripts', 'use_woocommerce_custom_css', 15);<br />

```<br />
Ha én a<br />

wp_enqueue_style('woocommerce-custom', get_template_directory_uri() . '/woocommerce.css'); ```
sort duplikálom woocommerce-layout.css-el, akkor azt már nem hajlandó "behúzni"! Nem vagyok egy php zsenyi, de gondoltam így sikerülhet...

Vagy a fenti kód arra való, h létrehozunk egy woocommerce.css-t a saját sablonunkban, és abba szépen ömlesztve az eredeti woocommerce.css, woocommerce-layout.css... belemásoljuk?

Köszönöm előre is!

Név szerint nem engedi. Csináld webshop.css névvel és akkor elvileg mennie kéne. :slight_smile:

De az új woocommerce.css működik :slight_smile: Csak az új layout, és a smallscreen nem…

Tehát az volt a kérdés, h a woocommerce.css-be rakjam bele a layout-ot is, és a smallscreen-t is?

Az a legegyszerűbb akkor, nem? :slight_smile:



Nézd meg, milyen sorrendben hívja meg eredetileg és úgy rendezd az egy css-ben.