Add revolution slideshow to home page - by Mobilplaneten

This topic has 30 replies, 5 voices, and was last updated 10 years, 7 months ago ago by Robert Hall

  • Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 14, 2015 at 20:21

    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.
    29 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    May 14, 2015 at 21:06

    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.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 14, 2015 at 22:19

    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

    Avatar: Eva
    Eva Kemp
    Participant
    May 15, 2015 at 08:45

    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.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 15, 2015 at 10:15

    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

    Avatar: Robert Hall
    Robert Hall
    Participant
    May 15, 2015 at 10:17

    Hello,

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

    Regards,
    Robert Hall.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 15, 2015 at 14:50

    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

    Avatar: Brian Johnson
    Brian Johnson
    Member
    May 15, 2015 at 15:04

    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

    Avatar: Robert Hall
    Robert Hall
    Participant
    May 15, 2015 at 15:18

    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.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 15, 2015 at 17:16

    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

    Avatar: Eva
    Eva Kemp
    Participant
    May 15, 2015 at 17:50

    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.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 18, 2015 at 09:35

    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

    Avatar: Eva
    Eva Kemp
    Participant
    May 18, 2015 at 10:18

    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.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 18, 2015 at 14:46

    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

    Avatar: Robert Hall
    Robert Hall
    Participant
    May 18, 2015 at 15:12

    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.

    Avatar: Eva
    Eva Kemp
    Participant
    May 18, 2015 at 15:16

    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.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 18, 2015 at 15:48

    Thanks Robert : )

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

    Avatar: Eva
    Eva Kemp
    Participant
    May 18, 2015 at 16:05

    Hello,

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

    Regards,
    Eva Kemp.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 18, 2015 at 22:45

    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

    Avatar: stan
    Stan Russell
    Participant
    May 19, 2015 at 07:24

    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.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 19, 2015 at 12:37

    Thanks Stan,

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

    Thanks and regards,
    Aldrin

    Avatar: Eva
    Eva Kemp
    Participant
    May 19, 2015 at 12:59

    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.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 19, 2015 at 14:35

    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

    Avatar: Eva
    Eva Kemp
    Participant
    May 19, 2015 at 14:46

    Hello,

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

    Regards,
    Eva Kemp.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 19, 2015 at 16:30

    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!

    Avatar: Eva
    Eva Kemp
    Participant
    May 19, 2015 at 16:34

    Hello,

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

    Regards,
    Eva Kemp.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 21, 2015 at 11:00

    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.
    Avatar: Eva
    Eva Kemp
    Participant
    May 21, 2015 at 11:13

    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.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    May 21, 2015 at 13:20

    Hi Eva,

    Thanks : )

    Avatar: Robert Hall
    Robert Hall
    Participant
    May 21, 2015 at 13:32

    Hello,

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

    Regards,
    Robert Hall.

  • Viewing 30 results - 1 through 30 (of 30 total)

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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.