Main page product image border - by abyr

This topic has 32 replies, 4 voices, and was last updated 10 years, 8 months ago ago by Brian Johnson

  • Avatar: abyr
    abyr
    Participant
    March 19, 2015 at 15:14

    Hi, Nice theme.
    I have a few questions.
    1-How to add the latest products on the homepage image item border? And hover effect change border color?
    2-How to change translate product wishlist and quickview? (I like text change)

    I apologize for my bad english. I was able tell.
    Thanks you.

    31 Answers
    Avatar: Robert Hall
    Robert Hall
    Participant
    March 19, 2015 at 15:34

    Hello,

    1) You can use Products element via Visual Composer plugin. Navigate to Pages->Home Page->backend editor.

    2) You can find these words in \themes\royal\woocommerce\content-product.php file on line 128.

    Regards,
    Robert Hall.

    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 19, 2015 at 15:36

    1. Please add our shortcode for new product and mark product as new in product menu.

    [etheme_products title=" " ids="" skus="" type="new"]
    Hover effect can be changed in custom.css. Please clarify us with what you exactly would like to achive.
    2.Please check our documentation about how to translate theme.

    With best regards
    Brian Johnson

    Avatar: abyr
    abyr
    Participant
    March 19, 2015 at 16:36

    1-I add the visual editor of products. But do not add frames to images. How is this done?
    2-File in the “quick view” but I changed the word to find the same results. Line 128.
    In addition, changes to the same conclusion I did default.po file. 🙁

    Avatar: Eva
    Eva Kemp
    Participant
    March 19, 2015 at 20:39

    Hello,

    Please provide us with FTP and wp-admin panel credentials in Private Content.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: abyr
    abyr
    Participant
    March 20, 2015 at 12:11

    Hi Eva,
    I worked as a local but now I’ve installed ftp. I hope you will give answers to my questions. border to be applied to the product image. QuickView translation products on the home page. And it seems to wishlist an empty page.
    Thank you in advance for your help.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Participant
    March 20, 2015 at 15:38

    Hello,

    Sorry, but we can’t connect to FTP getting this error:
    Response: 530 Giris Basarisiz.
    Error: Critical error
    Error: Could not connect to server

    Please check the credentials.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: abyr
    abyr
    Participant
    March 20, 2015 at 16:07

    Contact Umeda should be no problem. I checked the correct information. Please try again with FileZilla.

    WP successful login password?

    Avatar: abyr
    abyr
    Participant
    March 20, 2015 at 16:18

    If you want directly connected with the web ftp.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Participant
    March 20, 2015 at 17:37

    Hello,

    1. To add border for products images on Home page you need add this code in custom.css file:

    .carousel-area .product-image-wrapper {
        border: 1px solid black;
    }
    .carousel-area .product-image-wrapper: hover {
        border: 1px solid red;
    }

    Change color values to yours.
    How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

    2. You can translate “Quick View” text in .po file in wp-content/themes/royal/languages directory.

    3. I’ve reuploaded “woocommerce” folder in wp-content/themes/royal/ directory. Please check Wishlist page and clear browser cache before.

    Also please update the required plugins to the latest versions https://www.8theme.com/download-plugins/ .

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: abyr
    abyr
    Participant
    March 21, 2015 at 09:04

    -Border It was very nice. But the hover effect does not work.
    -I did default.po translation in Languages folder but still turns Quick view on the main page.
    -You did Woocommerce update by now WishList page, category page, product page, shop page gives the same error at all:

    Internal Server Error

    The server Encountered an internal error and was unable to complete the misconfiguratio it to your request.

    Please contact the server administrator, and inform them of the time I admin@sahranmucevherat.co to the error occurred, and anything you might have done that may have Caused the error.

    More information about this error may be available in the server error log.

    Avatar: abyr
    abyr
    Participant
    March 21, 2015 at 11:01

    I did the translation, but I do not understand why they can not change page. 🙁

    Avatar: abyr
    abyr
    Participant
    March 23, 2015 at 13:09

    I’m using Turkish WooCommerce and WordPress. You’re talking about my fields remain in English. Turkish default.po can do with them. But this time, WordPress and WooCommerce is happening in English. How do I handle this?

    Avatar: Eva
    Eva Kemp
    Participant
    March 23, 2015 at 16:11

    Hello,

    There are only files for Russian translation in wp-content/themes/royal/languages directory, but no files for Turkish translation.
    Please read attentively how to translate the theme:
    https://www.8theme.com/demo/docs/royal/#!/1_how_to_translate

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: abyr
    abyr
    Participant
    March 23, 2015 at 16:21

    Eva thanks, but I solved problems. For now I have a problem with the slider. Slider can not be closed on mobile. Have any ideas?

    Avatar: Eva
    Eva Kemp
    Participant
    March 23, 2015 at 18:07

    Hello,

    Just to clarify: do you want to hide slider on mobile devices?

    Regards,
    Eva Kemp.

    Avatar: abyr
    abyr
    Participant
    March 23, 2015 at 18:50

    -Yes, I want to hide . Settings can not do it.
    And another question
    -How to enlarge the size of a logo ?
    …thanks…

    Avatar: Eva
    Eva Kemp
    Participant
    March 23, 2015 at 19:27

    Hello,

    Please add this code in custom.css file:

    @media (max-width: 480px) {.page-heading-slider .wpb_revslider_element {
      display: none !important;
    }}

    To increase logo size use this code:

    .header-logo img {
        max-width: 500px;
        width: 300px;
    }

    Regards,
    Eva Kemp.

    Avatar: Robert Hall
    Robert Hall
    Participant
    March 23, 2015 at 19:28

    Hello,

    Please try to add this code in custom.css file.

    @media (max-width:480px){
    .page-heading-slider .wpb_revslider_element{
      display: none;
    }}

    To enlarge the size of a logo please use this code:

    .header-logo img{
      max-width: 380px;
    }

    Regards,
    Robert Hall.

    Avatar: abyr
    abyr
    Participant
    March 24, 2015 at 12:10

    8theme support team is working very well. Thank you very much.

    I want to reduce the margin-top and margin-bottom for the logo. How do I?

    Avatar: Eva
    Eva Kemp
    Participant
    March 24, 2015 at 12:17

    Hello,

    Please use this code in custom.css file:

    .navbar {
        padding: 10px 0px !important;
    }

    Regards,
    Eva Kemp.

    Avatar: abyr
    abyr
    Participant
    March 24, 2015 at 13:30

    Is OK. Thank you very much. Regards. Good work 8theme support team.

    Avatar: Robert Hall
    Robert Hall
    Participant
    March 24, 2015 at 13:31

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

    Avatar: abyr
    abyr
    Participant
    March 24, 2015 at 16:24

    See separator lines in the banner of Firefox do not appear correctly. Is it possible to fix this?

    Avatar: Robert Hall
    Robert Hall
    Participant
    March 24, 2015 at 16:30

    Hello,

    Maybe provide screenshot for our better understanding and highlight what exactly you mean.

    Regards,
    Robert Hall.

    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 24, 2015 at 17:20

    Hello

    Please recreate banner with VC composer “banner element”. You may adjust all values in VC menu which will help you to avoid current broken layout.

    With best regards
    Brian Johnson

    Avatar: abyr
    abyr
    Participant
    March 24, 2015 at 17:28

    This Firefox browser screnshot
    http://prntscr.com/6kssop
    The dividing line in the red circle

    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 24, 2015 at 17:58

    Hello

    I have added this css parameter to the <hr> on the page:
    display:table !important
    Please check your site now.

    With best regards
    Brian Johnson

    Avatar: abyr
    abyr
    Participant
    March 24, 2015 at 18:22

    Perfect Brain. But I am working with local sites. What should I write in this tag in the CSS code?

    Avatar: Eva
    Eva Kemp
    Participant
    March 24, 2015 at 19:50

    Hello,

    You need use this code:
    hr {display:table !important;}

    Regards,
    Eva Kemp.

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

The issue related to '‘Main page product image border’' 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.