Slider Shop page not working anymore - by gho12139

Solved26 replies2 participantsUpdated by Jack Richardson

  • Avatar: gho12139
    gho12139
    Participant

    Hi,

    The slider on the shop page has stopped working after update woocommerce.

    This slider was customized by Jack Richardson in the following topic: ‘Translation (Dutch) not working’

    Can you please tell me how to get it sliding again?

    Kind regards,

    Gwenny

    #105880 Copied

    26 Answers

    Avatar: gho12139
    gho12139
    Participant

    Hi,

    On second thought.. Could you please put everything back the way it was Original. I need to change some background colors and sidebars and it does not work anymore, I think it’s because of the Childtheme.

    Here is what was customized:

    Hello,

    I’ve disabled sidebar in Theme Options > Product Page Layout and set Home as shop page in Woocommerce > Settings > Products > Display. After that I’ve created and activated child theme and placed there the archive-product.php file from wp-content/themes/idstore/woocommerce directory. In that file the lines 56-58 have been changed to the following <div class="custom-slider"><?php echo do_shortcode( '[layerslider id="4"]' ); ?></div> to display slider and removed the code <span>‹</span> <?php _e('Return to Previous Page', ETHEME_DOMAIN); ?> in line 25. Check your site now.
    Please note those changes were made as exception as the theme doesn’t have such options by default.

    Best regards,
    Jack Richardson.

    Sorry for the inconvenience!

    Kind regards,

    Gwenny

    #105892 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    I’ve activated child theme and made the necessary changes to display slider on your shop page.

    I need to change some background colors and sidebars

    Please show us a screenshot where you want to change background color. Thank you.

    Best regards,
    Jack Richardson.

    #105986 Copied
    Avatar: gho12139
    gho12139
    Participant

    Hi Jack,

    Thank you.

    I find the site a little dull so I wanted to maybe change the background color and/or add a sidebar but that does not seem to work with the child theme activated.

    In theme options I can try to change colors but it has no effect on the background.

    Further more, if every update from WooCommerce messes up everything I am not sure if I should keep it this way. What should I do?

    Kind regards,

    Gwenny

    #105996 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    In theme options I can try to change colors but it has no effect on the background

    This option works for boxed layout.
    If you want to change background for entire page you can use this css code:

    .container, .header-type-variant4 .header-area, .header-type-variant4.header-bg, .wide .wrapper, .boxed .wrapper, .header-type-variant2 .header, .header-type-variant6 .header, .header-type-variant5 .header, .header-bg, .fixed-header-area, .header-overlapped .header-type-variant6, .products-list .product-grid, .footer-black-bg {
    background: #583ad1 !important;
}

    Set the value to your needs.

    Further more, if every update from WooCommerce messes up everything I am not sure if I should keep it this way.

    Any updates will not change files in child theme.

    As for the sidebar I’ve enabled Sidebar in Theme Options > Product Page Layout and added css code in child style.css:

    @media (min-width: 1200px){
.span3.sidebar_grid {
    margin-top: 280px !important;
}}

    Best regards,
    Jack Richardson.

    #106046 Copied
    Avatar: gho12139
    gho12139
    Participant

    Hi Jack,

    Thank you, looks great.

    One more question, how do I change the color (fafafa) of the header?

    Kind regards,

    Gwenny

    #106145 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    I’ve added the css code in your custom.css:

    .header-bg.header-type-variant6, .container.header-area, .row.header {
    background-color: #fafafa !important;
}

    Please check the site now. Is that what you want?

    Best regards,
    Jack Richardson.

    #106165 Copied
    Avatar: gho12139
    gho12139
    Participant

    Hi Jack,

    Yes, thank you, I can change the color to my needs in your code right?
    But the fixed header still has the “old” color, you can see that when you scroll down.

    Also please check the support page, I have put a sidebar in there but the primary widget area seems to start half way down the page, what am I doing wrong?

    Kind regards,

    Gwenny

    #106167 Copied
    Avatar: gho12139
    gho12139
    Participant

    Sorry, did not see that only the shoppage had the right color header, the other pages remain the old color

    #106169 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    As I see you have edited parent style.css located in the wp-content/themes/idstore directory. Please note this file shouldn’t be edited in any case! You can make all style customizations only in the wp-content/themes/idstore/custom.css file of parent theme or in the wp-content/themes/idstore-child/style.css file of the child theme.
    In that situation I can reupload back original parent style.css and then help you with background color customization. Please confirm if you agree with my proposition.

    As for the widget on support page I’ve changed previous css code 

    @media (min-width: 1200px){
.span3.sidebar_grid {
    margin-top: 280px !important;
}}

    to the following

    @media (min-width: 1200px){
.span3.sidebar_grid .home.archive.post-type-archive {
    margin-top: 280px !important;
}}

    Best regards,
    Jack Richardson.

    #106336 Copied
    Avatar: gho12139
    gho12139
    Participant

    Hi Jack,

    Thank you! Looks great that sidebar!

    Sorry, but I cannot get the header in the right collor, when I touch one color the other pages do not change and the fixed header also does not change. I am afraid to edit it now..

    Please could you be so kind to help me?

    Kind regards,

    Gwenny

    #106340 Copied
    Avatar: gho12139
    gho12139
    Participant

    Sorry, did not read your message correctly, Thank you for letting me know where to edit the files.

    I defenitly agree with you. Please put everything back because now it’s a mess with all my changes and I don’t know how to fix it.

    The header and fixed header need to be a lighter color (fafafa) on all the pages.

    Kind regards,

    Gwenny

    #106343 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    I’ve reuploaded original parent style.css and then edited your custom.css file to the following:

    .home.archive.post-type-archive .header-bg.header-type-variant6, .container.header-area, .fixed-header.container {
    background: #fafafa !important;
}

.container, .wide .wrapper, .products-list .product-grid, .footer-black-bg {
    background: #ececec !important;
}

    Please clear browser cache and check the site.

    Best regards,
    Jack Richardson.

    #106388 Copied
    Avatar: gho12139
    gho12139
    Participant

    Hi Jack,

    Thank you so much. I’ll leave it alone now.

    The bottom footer is the same as the background color, I’ve changed it to black in the Theme Options but it does not work. Which code do I use for that?

    And, on the shop page you can sort the products. The Dutch translation is not very good so I changed that to “Sorteer Standaard” but every time I login again it has changed back to “Sorteer op nieuwheid” Somehow it does not stay saved.

    On some products the text overlaps the option button, can you help me with that?

    I wish you a healty 2016.

    Thank you for all your help.

    Kind regards,

    Gwenny

    #106404 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    I’ve removed .footer-black-bg from previously provided css code add the following to custom.css:

    .footer-black-bg .container.no-bg {
    background-color: #111111 !important;
}

    On some products the text overlaps the option button, can you help me with that?

    I’ve added this css code:

    .no-sidebar .products-list .product-grid .product-information .product-descr {
    width: 485px !important;
}

    And, on the shop page you can sort the products. The Dutch translation is not very good so I changed that to “Sorteer Standaard” but every time I login again it has changed back to “Sorteer op nieuwheid” Somehow it does not stay saved.

    Please clarify where did you save the changes? Thank you.

    Best regards,
    Jack Richardson.

    #106450 Copied
    Avatar: gho12139
    gho12139
    Participant

    Hi Jack,

    Thank you.

    I use Loco Translate, and for this translation I used the WooCommerce-nl_NL.PO file

    “Sort by newness” has a standard translation “Sorteer op nieuwheid” but this is a wrong translation so I want to have “Sorteer Standard”. When I alter this text it does not stay, it changes back to the standard translation.

    Kind regards,

    Gwenny

    #106466 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    I’ve updated the woowommerce-nl_NL.po file. Please clear browser cache and check the site.

    Best regards,
    Jack Richardson.

    #106514 Copied
    Avatar: gho12139
    gho12139
    Participant

    Hi Jack,

    How and what exactly did you do? Because it looks right now (although you wrote “standard” in stead of “standaard”) But I need to know if it will stay this way, since I have changed it numerous of times.

    Kind regards,

    Gwenny

    #106554 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    I updated the file as described in this article http://betterwp.net/wordpress-tips/create-pot-file-using-poedit./ (paragraph “Updating a .po (and .mo) file”).
    You can change the text now. The translation should be kept.

    Best regards,
    Jack Richardson.

    #106594 Copied
    Avatar: gho12139
    gho12139
    Participant

    Hi Jack,

    I’ve changed the letters, let’s see what happens.

    I’ll let you know tomorrow.

    Thank you

    Kind regards,

    Gwenny

    #106605 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    Ok. Looking forward to your reply.

    Best regards,
    Jack Richardson.

    #106609 Copied
    Avatar: gho12139
    gho12139
    Participant

    Hi Jack,

    The translation did not stick, it’s back to “sorteer op nieuwheid”.

    Do you have any idea what is going wrong here?

    Kind regards,

    Gwenny

    #106670 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    I’ve updated .po file again.
    Please check it now.

    Best regards,
    Jack Richardson.

    #106696 Copied
    Avatar: gho12139
    gho12139
    Participant

    Hi Jack,

    Yes, working again, but I am pretty sure it won’t stick..

    Thank you, I’ll let you know when it changes back!

    Kind regards,

    Gwenny

    #106717 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

    #106732 Copied
    Avatar: gho12139
    gho12139
    Participant

    Hi Jack,

    Wel, it looks like it worked! Thank you.

    Kind regards,

    Gwenny

    #106959 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

    #106985 Copied

The issue related to '‘Slider Shop page not working anymore’' has been successfully resolved, and the topic is now closed for further responses