• Resolved rigdenau

    (@rigdenau)


    Hello

    I have an issue with my shop page which is nordickliima.ee/soojuspumbad. The menu shouldn’t have grey hover, the logo should be like 50px higher than It is right now. My question is how and where I need to change code so the menu and whole template would look same on the shop page? Developer said It is the default of woo commerce and cannot be changed. Also is it possible to somewhere to go and remove the campaign at the sidebar “The big offer day”.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 21 total)
  • D Smith a11n

    (@dsmithweb)

    Automattic Happiness Engineer

    Hi @rigdenau!

    While I hate to contradict your developer, those do sound like issues that could be addressed at the theme level via template overrides. We have a guide to customizing WooCommerce templates at https://docs.woocommerce.com/document/template-structure/

    I don’t see “the campaign at the sidebar ‘The big offer day.'” Is it possible some of this has already been resolved?

    Thread Starter rigdenau

    (@rigdenau)

    Hey

    Is it possible somehow with any plugin or Is rather more related with the theme Im using? I need to create custom product “box”. Must add few lines of text additionally. Pictures describe What I mean.
    At the moment: https://prnt.sc/j0qtao
    What I need it to look like (similar): https://prnt.sc/j0qteq

    Thank you!

    Joel Williams

    (@joelwills)

    Automattic Happiness Engineer

    Hi there!

    You could add custom css into the Customizer, under Appearance > Customize, in the Additional CSS section.

    To get you started, something like:

    .archive .product.type-product, 
    .content-product.three-columns .themesflat-wrap-product .product .woocommerce-LoopProduct-link img {
        background: #D2DBE7;
        margin-right: 10px;
    }

    Would get you moving in the right direction. You’d need to alter that to how you want it to look and check on mobile devices and so on, but hope that points you in the right direction!

    Thread Starter rigdenau

    (@rigdenau)

    Hi!

    Thanks alot, getting things changed, and you are right It gave me good direction. However I got question for example If I need to add dropdown or additional text in css, however that kind of div class doesn’t exist in .php/.html content.

    Joel Williams

    (@joelwills)

    Automattic Happiness Engineer

    I’m not quite sure what you’re asking I’m afraid? If you’re not sure about CSS, take a look at this guide: https://cssworkshop.wordpress.com/

    Thread Starter rigdenau

    (@rigdenau)

    Well, I meant that If i need to add to that box an additional line of text under the picture. I can’t find any css code to get rid of that huge margin. The product image is so small on product page and shop page. Changing settings won’t also help.

    Thread Starter rigdenau

    (@rigdenau)

    Hi,

    Got fixed the product description. Could you help me how to add brand description above the products for every category/brand. It should come from the database of woocommerce I guess?

    E.g . https://prntscr.com/j2i017

    Try:
    Dashboard > Products > Categories > (find category on the list) Edit > Put your text in the “Description” field.

    Works for Storefront but this behaviour is theme dependant and I’m unable to test with your theme as it is a commercial theme.

    Thread Starter rigdenau

    (@rigdenau)

    Thank you, I tried that, but doesn’t work for my theme. I tried through php also, but couldn’t make it. Appreciate any help.

    I should go to your theme support techs next, as the the php method could be tricky.

    For php, you’ll need something like this:

    add_action( 'woocommerce_after_subcategory_title', 'show_cat_description', 12);
    function show_cat_description ($category) {
      $cat_id = $category->term_id;
      $prod_term = get_term($cat_id, 'product_cat');
      $description = $prod_term->description;
      echo '<div class="shop_cat_desc">'.$description.'</div>';
    }

    If it doesn’t work, it could be that your theme has custom hook names. Look at:
    wp-content/themes/your-theme-name/woocommerce/content-product_cat.php
    and see if you can deduce your theme’s hook names.

    Thread Starter rigdenau

    (@rigdenau)

    It didn’t work, nothing happened on the site. Just asking to be sure, this code was supposed to go to the functions.php right?
    content-product.php code, didn’t find any similar hooks. https://gist.github.com/raunapuu/970c4f660246b62490848b605cc6dcab

    Thank you!

    Sorry, that was for the shop page, not the category page. Please try this line:
    add_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 12);

    If its not working please post a link to:
    wp-content/themes/your-theme-name/woocommerce/archive-product.php

    Thread Starter rigdenau

    (@rigdenau)

    Thank you!

    Tried that way and also found https://www.wpbeginner.com/wp-tutorials/how-to-display-category-descriptions-in-wordpress/. As I don’t have category php I added to archive.php, but still nothing. Still trying to find solution for this, making pretty sad as I have tried to fix this problem for a week now.

    https://gist.github.com/raunapuu/2abe22b67d04542596466a6483c793cc

    That looks like archive.php which is for displaying blog posts. There’s another file called archive-product.php for displaying products. It’ll be at:
    wp-content/themes/your-theme-name/woocommerce/archive-product.php

    Thread Starter rigdenau

    (@rigdenau)

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘Shop page menu’ is closed to new replies.