Xstore - by hadoo - on WordPress WooCommerce support

This topic has 10 replies, 2 voices, and was last updated 7 years, 4 months ago ago by Olga Barlow

  • Avatar: hadoo
    hadoo
    Participant
    October 24, 2016 at 18:38

    Hi dear and thanks alot for your amazing theme,
    I have some questions can you please solve theme?

    1- How can i make the top logo bigger?

    2- How can i change the header color?

    3- How can i change hight of baner with mask lable? (the color line).

    4- How can i give some transparent balck color to product when i take mouse on product because without color the details are not visible nicely.

    web address: http://razzor-shop.de/newsite/

    with best regards

    9 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 25, 2016 at 09:42

    Hello,

    Your site looks very nice!

    1) Add the following code in child theme style.css or in custom css

    @media only screen and (min-width: 992px){
    .header-wrapper.header-two-rows .left-wrap {width: 37%;}
    .header-wrapper.header-two-rows .header-logo {width: 26%;}
    .header-wrapper.header-two-rows .right-wrap {width: 37%;}
    }

    2) Go to Theme Options > General > Header Settings > Header background

    3) Edit banner element and change the paddings http://prntscr.com/cympeg
    4) You may add the following custom css

    .product-image-wrapper:hover img {
        opacity: 0.1 !important;
        -webkit-transition: 0.2s opacity ease-in-out;
        transition: 0.2s opacity ease-in-out;
    }
    .product-image-wrapper:hover .footer-product {padding: 20px;}
    .content-product .product-image-wrapper .footer-product .show-quickly {
        background-color: #bed154;}
    

    Regards

    Avatar: hadoo
    hadoo
    Participant
    October 25, 2016 at 20:47

    Hi dear,
    Thanks for your amazing explain and solvation,
    i have problem just with No.3 (3- How can i change hight of baner with mask label? (the color line).)
    i make the padding 0px but i want it more thinner than.

    and i have 4 more questions:

    1- how can i remove price of products in home (i want showing the products with details but witout price)

    2- do you have german translate of this template?

    3- how can i change social icon in header?

    4- how can i right in center of footer copyright?

    With best regards

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 26, 2016 at 10:12

    Hello,

    You are welcome!

    Add the following code in custom CSS to remove that space

    .banner .banner-content p, 
    .banner .banner-content h4 {margin-bottom: 0px;}

    1) Do you want to do this on home page only or on your shop page too?
    To do this for both Shop and Home pages go to Theme Options > E-Commerce > Product Page Layout > Show Price > Off . To disable prices for home page only add this code

    .home .content-product .price { display: none;}

    2) No, unfortunately, we don’t have German translation. But you can easy translate theme using Loco Translate plugin https://www.8theme.com/demo/docs/xstore/#translation Would very appreciate if you can share languages files after translation. Then we’ll be able to add it in theme package.

    3) To change color add the following code

    .topbar-widget.etheme_widget_socials .et-follow-buttons a {
        color: #fff;
        width: 30px;
    }
    .topbar-widget.etheme_widget_socials .et-follow-buttons a:hover {
        color: rgba(255, 255, 255, 0.8);
    }

    Also, I would recommend to add the following code to make social icons and Sign In link in one line

    .top-links ul li a {padding: 0px 10px 0 0;}
    @media only screen and (min-width: 992px){
    .header-wrapper.header-two-rows .right-wrap .navbar-header {
        padding-left: 15px;
    }}

    4) Could you provide me screenshot for better understanding?

    Regards

    Avatar: hadoo
    hadoo
    Participant
    October 30, 2016 at 22:14

    Thanks dear, you solved all of my problem, i have two more questions,

    1. how can i add details in the part when mouse going on products in home?

    2. how can i disable quick view and details when the mouse go on products in home?

    with best regards

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 31, 2016 at 13:59

    Hello,

    1) What details do you want to add on hover?
    2) If you want to disable Quick View go to Theme Options > E-Commerce > Quick View > Enable Quick View > Off.

    Regards

    Avatar: hadoo
    hadoo
    Participant
    October 31, 2016 at 15:40

    hi, i want add the prise in hover
    and how can i link hover and image to product?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 31, 2016 at 16:40

    Hello,

    1) You can do this only by additional customization (xstore/woocommerce/content-product.php file) Use child theme to add any changes in template files.
    2) Go to Theme Options > E-Commerce > Product Page Layout > Image hover effect > choose Swap or Disable

    Save changes and also add the following code in custom CSS

    .product-view-default .footer-product {
        height: 50px;
        left: auto;
    }

    Regards

    Avatar: hadoo
    hadoo
    Participant
    November 16, 2016 at 10:07

    tnx and solved 🙂

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 16, 2016 at 11:51

    You are welcome!

    Regards

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

The issue related to '‘Xstore’' 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.