Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • August 11, 2020 at 4:52 pm #1236709
    radoicosminstefan

    Hello guys,

    Maybe you can help me with a quick change.

    On a product page, I would like to move the reviews up and right under the “product category” / “buy now” section. Basically, I want the reviews tab/section on top of the “Description” tab/section. Please check attached link to get a better idea of what I’m looking for.

    August 12, 2020 at 4:32 pm #1237047
    Victoria

    Hey radoicosminstefan,

    Can you show us what you’ve got so far?

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    August 13, 2020 at 9:54 am #1237314
    radoicosminstefan

    Hello Victoria,
    Please check the link I submitted above in the private data section.

    August 13, 2020 at 11:59 am #1237374
    Victoria

    Hi radoicosminstefan,

    Well, you will need to modify the product template.

    Here is an article for you on how to do it:
    https://www.sitepoint.com/customize-woocommerce-product-pages/

    Best regards,
    Victoria

    August 13, 2020 at 12:39 pm #1237397
    radoicosminstefan

    Hello Victoria,

    Thank you for your reply.
    Is there any other way to do this, apart from modifying the product template? Can I change the priority of the tabs themselves somewhere?

    Best regards.

    August 14, 2020 at 12:11 pm #1237769
    Victoria

    Hi radoicosminstefan,

    Well, you can have a look at these files here and see in what order things are loaded:
    /config-woocommerce/config.php
    /config-woocommerce/config-356.php

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 18, 2020 at 1:45 pm #1238796
    radoicosminstefan

    Hello Victoria,

    I was unable to find a solution. Can you please elaborate?

    Thank you.

    August 18, 2020 at 9:10 pm #1238912
    Victoria

    Hi radoicosminstefan,

    In those files, you can see in what order what is rendered and so you could understand what you need to change. If it’s all a bit too complex for you, you might want to hire a freelancer to do the job for you.

    Best regards,
    Victoria

    September 2, 2020 at 2:50 pm #1242819
    radoicosminstefan

    Hello Victoria,

    Thank you for your reply. If it’s not too time consuming, are you able to guide me in the right direction? I am unable to hire a freelancer at this moment.

    Thank you

    September 5, 2020 at 3:24 pm #1243619
    Victoria

    Hi radoicosminstefan,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top div.product .woocommerce-tabs {
    display: flex;
    flex-direction: column-reverse;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 5, 2020 at 9:29 pm #1243652
    radoicosminstefan

    Hello Victoria,

    Thank you for your message. The code above does not work. Please provide further assistance.

    Thank you,
    Stefan

    September 5, 2020 at 11:41 pm #1243658
    Mike

    Hi,
    I took a look at your site and tested the css above and it moves the reviews to the top of the column for me, please see the screenshot in Private Content area.
    Perhaps your browser still had a cache or your server did, or there is a missing bracket somewhere else in your css causing this to not work correctly. Please try this code in the WordPress > Customize > Additional CSS field:

    #top div.product .woocommerce-tabs {
    display: flex !important;
    flex-direction: column-reverse !important;
}

    After applying the css, please clear your browser cache and check.
    If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.

    Best regards,
    Mike

    September 8, 2020 at 1:59 pm #1244299
    radoicosminstefan

    Hello Mike,
    Thank you for your help. I managed to resolve it, as per your screenshot.
    My question now is: is there any easy way to move the additional information tab below the description tab?

    Thank you.

    September 9, 2020 at 1:38 pm #1244630
    Mike

    Hi,
    Please remove the above css and clear any caching plugin and your browser cache then try this css:

    #top div.product .woocommerce-tabs.wc-tabs-wrapper {
    display: flex !important; 
    flex-wrap: wrap !important; 
    }
    #top div.product .woocommerce-Tabs-panel--additional_information {
        order: 3 !important; 
        width: 100% !important;
    }
    #top div.product .woocommerce-Tabs-panel--reviews {
        order: 1 !important; 
    }
    #top div.product .woocommerce-Tabs-panel--description {
        order: 2 !important; 
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 11, 2020 at 4:47 pm #1245187
    radoicosminstefan

    Hello Mike,
    Thank you for your reply. I have another question. I am using the “Photo Reviews for WooCommerce” plugin to allow users to upload their own photos. The question is this: Can I somehow integrate a reviews section in a different page that is not a product page? Please check the link for an example of the page where I want to show reviews (preferably by product category).

    Thank you again.

    September 12, 2020 at 1:04 pm #1245335
    Mike

    Hi,
    I researched the plugin and it says that it has a shortcode to display the reviews anywhere.
    So on the page that you linked to, try adding a code block element with the shortcode.

    Best regards,
    Mike

    September 12, 2020 at 1:20 pm #1245336
    radoicosminstefan

    Hello Mike,

    Thank you for your reply. I tried it already with a code block but it displays the shortcode just as text. Please check my link.

    September 12, 2020 at 1:25 pm #1245337
    Mike

    Hi,
    Please include an admin login in the Private Content area so we can investigate.

    Best regards,
    Mike

    September 12, 2020 at 1:30 pm #1245338
    radoicosminstefan

    Here are the details:

    September 12, 2020 at 2:38 pm #1245343
    Mike

    Hi,
    Thanks for the login, I found this support thread for the plugin which states:

    Shortcode for reviews is used for the premium version only.

    So it seems you will need to buy the premium version, or use a different plugin.

    Best regards,
    Mike

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.