Add revolution slideshow to home page - by Mobilplaneten

Solved29 replies5 participantsUpdated by Robert Hall

  • Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Hi,

    I don’t understand how to change the big image on my home page to a revolution slideshow?

    Thanks in advance and best regards,
    Aldrin

    Please, contact administrator
    for this information.
    #64015 Copied Theme version: 2.7 WooCommerce version: 2.3.8

    29 Answers

    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    As I see your home page is a shop page. Do you want to change a banner http://storage4.static.itmages.com/i/15/0514/h_1431633821_4868748_5c407549da.png to slider?
    If so go to Theme Options > Shop > Product Page Banner and write slider shortcode from Revolution Slider settings.

    Regards,
    Eva Kemp.

    #64033 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Hi Eva,

    perfect, thanks 🙂

    Have som more questions. Don’t know if I should make a new thread or ask this here, but I make a shot at this here, if it would have been better to make new thread then late me know for this and/or future reference.

    How do I make the “CATEGORIES” title above categories disappear? Don’t want the categories list to have a title.

    Also, is it possible to make the slideshow wider so that categories list and products are below the slideshow?

    Thanks again

    #64058 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    Go to Appearance > Widgets and drag “Woocommerce Product Categories” widget into “Shop Sidebar” area. Leave the title empty.
    Unfortunately there is no such possibility to make the slider wider. Sorry.

    Regards,
    Eva Kemp.

    #64102 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Perfect, thank you! 🙂

    I was looking at the footer and looked at these instructions: https://www.8theme.com/demo/docs/legenda/index.html#!/footer
    But when I make a new Static Block I have no Visual Composer options?

    Thanks and regards,
    Aldrin

    #64130 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

    Please navigate to Dashboard->Visual Composer->General Settings-> and select all
    Content types.

    Regards,
    Robert Hall.

    #64132 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Thanks Robert 🙂

    Next questions…
    How to make adjustments/alignment for responsiveness, when looking in iPhone 6 portrait view the products are aligned to left which makes right side of screen empty, doesn’t look good. Can product either be centered or smaller to fit 2 products per row in portrait view?

    Also, is it possible to in shop show first 2-3 rows of product descriptions?

    Thanks and best regards,
    Aldrin

    #64193 Copied
    Avatar: Brian Johnson
    Brian Johnson
    Member

    Hello
    Please try to add following code into the custom.css:
    @media (max-width: 979px){.type-product , .product-image-wrapper {text-align:center!important;}

    With best regards
    Brian Johnson

    #64196 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

    1) I’ve added this code in custom.css file. Please check.

    @media (max-width: 479px){
.products-grid.product-count-5 .product:nth-child(n) {
  width: 50%;
}}

    2) Sorry, but we don’t have such feature in our theme.
    But you can read some topics how to do it manually.
    For example,
    https://wordpress.org/support/topic/short-description-below-product
    https://support.truethemes.net/?knowledgebase=add-short-descripton-to-products-in-shop-page

    Regards,
    Robert Hall.

    #64197 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Thanks Brian and Robert 🙂

    next questions:
    1. Is it possible to replace/change the icons for “wishlist”, “your account”, “check-out” and “basket”?
    2. Is it possible to add frame around product category list?
    3. Is it possible to add text and/or image in header between logo and basket? (don’t want to use hidden area).
    4. Is it possible to change layout on main menu? Can it be filled with color and/or lines changed to different lines?

    Thanks

    #64222 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    1. You can change icons using this code in custom.css file:
    For Wishlist:

    .top-bar .wishlist-link a i::before {
    content: "url(http://path_to_icon_image)" !important;
}

    For Your Account:

    .my-account-link::before {
    content: "url(http://path_to_icon_image)" !important;
}

    For Logout:

    .logout-link::before {
    content: "url(http://path_to_icon_image)" !important;
}

    For Cart icon:

    .shopping-cart-widget .cart-summ > a::before {
    content: "url(http://path_to_icon_image)" !important;
}

    2. You can add frame using this code:

    .product-categories {
 border: 1px grey solid;
}

    3. You need edit header.php file and your code in there.

    4. To change background color of menu use this code:

    .main-nav {
 background-color: orange;
}

    Regards,
    Eva Kemp.

    #64227 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Thanks Eva : )

    1. Is there a way to download current/legendas icons for own modification? I tried to find in theme folders, but can’t seem to find them? :/
    2. I tried add the code for category frame and top menu background (points 2 and 4 in previous questions), but doesn’t work for some reason. I’ve added the codes to the legenda theme custom.css file. Is this correct?

    Thanks

    #64457 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    1. The icons aren’t used as images, but as fontawesome icons:
    http://fortawesome.github.io/Font-Awesome/

    2. I’ve added !important to the code.
    Please check now.

    Regards,
    Eva Kemp.

    #64482 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Thank you very much Eva : )

    and the questions continue : )

    1. Ok I see, is it then possible to just change the font color for the icons? : )
    2. The font color for main menu is the “Main Font” in Theme Options Typography, this is same font used for “add to cart”, is it possible to change the font color only for the main menu?

    Thanks

    #64556 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

    1) Could you please clarify what icons you want to change?
    2) Please add this code in custom.css file

    .main-nav .menu > li > a{
color:red;
}

    Regards,
    Robert Hall.

    #64560 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    1. You can changes icons font color with this code:

    .top-bar .wishlist-link a i::before {
 color: orange !important;
}
    .shopping-cart-widget .cart-summ > a::before {
    color: orange !important;
}
    .logout-link::before {
    color: orange !important;
}
    .my-account-link::before {
    color: orange !important;
}

    2. To change color for menu items add this code in custom.css:

    .main-nav .menu > li > a {
  color: white !important;
}

    Regards,
    Eva Kemp.

    #64563 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Thanks Robert : )

    It’s the icons on top for “wishlist”, “your account”, “check-out” and “basket”.

    #64575 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    Please check the previous post. I’ve provided you with the answer.

    Regards,
    Eva Kemp.

    #64577 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Thanks Eva,

    I didn’t notice there were two pages here already : )

    Questions…

    1. I’ve made translation to the theme, however I don’t find where I translate the “Add to cart”, “add to wishlist” and the different “sort by …” options, there are more phrases but guess all those I’m looking for are in the same place/file. Don’t know if I’m looking in the wrong place?

    Thanks

    #64640 Copied
    Avatar: stan
    Stan Russell
    Participant

    Hello,

    please provide us with screenshot that have words you want to translate and we will provide you with manual how to translate them.

    Regards,
    Stan Russell.

    #64668 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Thanks Stan,

    I’ve added some examples to picture here: https://eu.soonr.com/filelink/btuna-ti3x5c-fueckiem

    Thanks and regards,
    Aldrin

    #64741 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    As I see you didn’t translate .po files of Woocommerce plugin. They should be located in the directory wp-content/languages/plugins. You can find Woocommerce .po file in the directory wp-content/plugins/woocommerce/i18n/languages.
    Please read their documentation http://docs.woothemes.com/document/woocommerce-localization/ , paragraph 6. “Translating with PoEdit”.

    Thank you.
    Regards,
    Eva Kemp.

    #64750 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Hi Eva, thanks : )

    It solved most of translation, the one that I still see untranslated at the moment is the “add to wishlist” in product view, see bottom right picture in linked image above.

    Thank you.
    Regards,
    Aldrin

    #64781 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    You can translate “Add to Wishlist” text in wp-admin panel > YIT Plugins > Wishlist > General Settings > “Add to Wishlist” text.

    Regards,
    Eva Kemp.

    #64783 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Thanks Eva : )

    Perfect, there I also found some other things that needed translation : )

    I’ll be back soon when I need more help. Thanks for all the great support and help so far! One of the best support I’ve dealt with!

    #64808 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    You’re always welcome.
    We’re very thankful for your kind words!

    Regards,
    Eva Kemp.

    #64810 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Hi again,

    as I was pretty much done with all the necessary adjustments I now implemented everything to our live website. However there is one thing that doesn’t work for me at the moment 🙁 it’s the part where it should show 2 products per row in mobile view.

    I’m using a child theme for assuring nothing happens on updates etc and copied over all the codes that we added from the beta sites theme custom.css file, but for some reason this one for 2 products per row in mobile view doesn’t seem to work atm. All the other style css codes works perfectly fine.

    Thanks.
    Regards,
    Aldrin

    Please, contact administrator
    for this information.
    #65214 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    Add this code in style.css of your child theme:

    @media (max-width: 480px) {.products-grid.product-count-4 .product {
    width: 48% !important;
}}

    Regards,
    Eva Kemp.

    #65216 Copied
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant

    Hi Eva,

    Thanks : )

    #65246 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

    You’re welcome!
    If you have any questions don’t hesitate to contact us.

    Regards,
    Robert Hall.

    #65252 Copied

The issue related to '‘Add revolution slideshow to home page’' has been successfully resolved, and the topic is now closed for further responses