Frontpage - by Dittemila - on WordPress WooCommerce support

This topic has 37 replies, 4 voices, and was last updated 5 years, 9 months ago ago by Olga Barlow

  • Avatar: catrine87
    Dittemila
    Participant
    February 25, 2019 at 11:19

    hallo. please go to my -pages- frontpage.
    It looks all different, and I dont know how to edit anymore.

    Please, contact administrator
    for this information.
    36 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 25, 2019 at 11:24

    Hello,

    WordPress 5.x use Gutenberg as a default page editor. You need to update WPBakery Page builder (formerly Visual Composer) plugin and disable the Gutenberg http://prntscr.com/mprq5g

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    March 6, 2019 at 15:33

    when I try to update WPbakery P B I get this error
    Incorrect license key.

    I have had trouble with this plugin before.
    Can you please access and help me update?
    kind regards

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 6, 2019 at 15:36

    Hello,

    You need to update the plugin via FTP. Connect to your server using FTP. Copy extracted plugin folder into wp-content/plugins/
    https://www.8theme.com/faq/

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    March 6, 2019 at 16:12

    I dont know how to do that so can you help me please

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 6, 2019 at 16:24

    Hello,

    Then you can use another way: go to Plugins > deactivate and delete bundled plugins that you need to update. After that go to Appearance > Install plugins > install plugins again and you’ll get the updated version of plugins.

    I have updated WPBakery. Check, please.

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    March 6, 2019 at 16:38

    thank you.

    Can you also help me with a css code that can make my logo image in header bigger?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 6, 2019 at 17:49

    Hello,

    Yes, sure. Add the following code to child theme style.css

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

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    March 6, 2019 at 23:04

    Thank you.

    In revolution slider I have added -add layer -bottoms.
    The bottoms look fine on big screen device, but on small screen/iphone it is not working.

    And when a link is added to the bottom in action, the link is not working?

    What am I doing wrong?

    k r

    Avatar: John Holden
    John Holden
    Support staff
    March 7, 2019 at 05:18

    Hi,

    Could you please send me the screenshots? I’ll be happy to provide you with a response once I have a better understanding of the situation.

    Regards,
    Hung PD

    Avatar: catrine87
    Dittemila
    Participant
    March 7, 2019 at 10:28

    I managed to make it work.

    I have all this css in custom css, to make my product name and prize size smaller, but my featured products name and price on frontpage is not affected by this css. What can I do to change text size on featured products on frontage?

    .product-loop .product-name {
    font-size: 11px!important;
    }
    .amount{color:#000000;font-size:12px !important;}
    .slide-item .product .product-name, .products-grid .product .product-name a {
    color: #000000 !important; }

    Avatar: catrine87
    Dittemila
    Participant
    March 7, 2019 at 10:33

    -and this css is not work for me

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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 7, 2019 at 10:55

    Hello,

    1) Please change this code http://prntscr.com/mui7gw to

    .product-loop .product-name {
    font-size: 11px!important;
    }
    .amount{color:#000000;font-size:12px !important;}
    .slide-item .product .product-name, .products-grid .product .product-name a {
    color: #000000 !important; font-size: 11px!important; }

    2) Where exactly the code was added? Have you cleared cache?

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    March 7, 2019 at 21:02

    Thank you all works great!!

    Just one more thing.
    Can you help me change shopping basket icon on big and small screen.
    I am afreid to access ftp.
    I have linked to the icon.
    On big screen, can you remove the text “kurv 0 varer” and only display basket icon and 0.00Dk
    All in black color.

    http://prnt.sc/murcf1

    Avatar: catrine87
    Dittemila
    Participant
    March 9, 2019 at 11:11

    Can You please help me change shopping basket icon, and remove text.
    Please see:

    Icon: http://prnt.sc/mvf7hd
    Mobile: http://prnt.sc/mvf7o2
    Big screen: http://prnt.sc/mvf7u7

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 11, 2019 at 10:52

    http://prntscr.com/mw8ce6

    .shopping-cart-widget .cart-summ>.cart-bag:before {
       font-family: 'FontAwesome';
       content: '\f07a';
    } 
    .shopping-cart-widget .cart-bag {
        font-size: 0px;
    }

    https://fontawesome.com/v4.7.0/icons/ http://prntscr.com/mw8cog

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    March 11, 2019 at 12:17

    I have to change the icon/picture in FTP right?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 11, 2019 at 13:07

    The icon can be changed to another icon of FontAwesome using CSS code. Edit style.css file of your child theme via FTP.
    As I can see, you already have custom code that affects cart icon on mobile only – https://prnt.sc/mwaelw

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    March 11, 2019 at 19:07

    Okay I understand, but is it possible to have this icon

    http://prnt.sc/mwg5zd

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 12, 2019 at 10:12

    Hello,

    There is no this icon in the FontAwesome icons list https://fontawesome.com/v4.7.0/icons/
    What icon font is it? Where did you get this icon?

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    March 12, 2019 at 11:30

    I made this one my self.
    I thought it was possible to change this icon/photo in FTP theme. Did I misunderstand?

    I found this on font awesome http://prnt.sc/mwqq5u

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 12, 2019 at 13:05

    Hello,

    1) Have you made the icon font that includes that icon or just created a simple image?
    If you created simple image then you can add the following code to child theme functions.php and add link to your image

    function et_cart_summ() {
            global $woocommerce;
            ?>
    			<a href="<?php echo wc_get_cart_url(); ?>" class="cart-summ" data-items-count="<?php echo WC()->cart->get_cart_contents_count(); ?>">
    				<div class="cart-bag">
    					<img src="link_to_your_image" alt="Cart" style="width:20px;">
    					<?php esc_html_e('Cart', 'legenda'); ?>
    					<?php echo wp_kses_data( sprintf( '<span class="badge-number">%1$u %2$s</span>', WC()->cart->get_cart_contents_count(), _nx( 'item for', 'items for', WC()->cart->get_cart_contents_count(), 'top cart items count text', 'legenda' ) ) );?>
    					<span class="price-summ cart-totals"><?php echo WC()->cart->get_cart_subtotal(); ?></span>
    				</div>
    			</a>
            <?php
    	}

    2) You provided screenshot of the FontAwesome 5.0 but Legenda uses the FontAwesome 4.7, so you can choose only 4.7 icons or additionally customize child theme to support FA 5.0.

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    March 12, 2019 at 20:49

    i created a image.

    Thank you but where to put in the link? and what link?

    sorry

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 13, 2019 at 14:05

    Hello,

    Upload image to your media (WP Dashboard > Media > upload image, edit image and copy image link http://prntscr.com/mxauzi ). After that find in the code that I provided the following:
    <img src="link_to_your_image" alt="Cart" style="width:20px;">
    and replace link_to_your_image by link to your image.

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    March 13, 2019 at 14:44

    thank you so much rose. I will try:-)

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 13, 2019 at 16:05

    Hello,

    You are welcome!

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    March 13, 2019 at 20:33

    I managed to change icon. But I can’t make icon and 0.00 horizontal -please see pictures.
    and on mobile I need to move icon and 0.00 to the right.
    If you can help me make it look like pictures please access

    mobile http://prnt.sc/mxgyh0

    big screen http://prnt.sc/mxgyt3

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 14, 2019 at 10:20

    Hello,

    Please try this code and let me know the result:

    @media only screen and (max-width: 992px){ 
        .header .logo {
            width: 100%;
            text-align:  center;
        }
        .menu-icon i {
            position: relative;
        }
        .header .container .shopping-cart-widget {
            bottom: 0;
        }
    }
    @media only screen and (max-width: 767px) {
        .header .container .shopping-cart-widget {
            right: 0;
            left:  unset;
            bottom: 25px;
        }
    }
    @media (max-width: 480px){
        .header .container .menu-icon {
            left:  0px !important;
            bottom: 15px;
        }
        .header .container .shopping-cart-widget {
            right: -20px;
            bottom: 20px;
        }
    }

    Do not forget to clear cache before checking the result.

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    March 15, 2019 at 13:28

    sorry that css was not working correct.
    on mobile device, basket and menu were placed in header top.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 15, 2019 at 13:33

    This is what you are looking for http://prntscr.com/my9pzo ?

    @media only screen and (max-width: 992px){ 
        .header .logo {
            width: 100%;
            text-align:  center;
        }
        .menu-icon i {
            position: relative;
        }
        .header .container .shopping-cart-widget {
            bottom: 0;
        }
    }
    @media only screen and (max-width: 767px) {
        .header .container .shopping-cart-widget {
            right: 0;
            left:  unset;
            bottom: 25px;
        }
    }
    @media (max-width: 480px){
        .header .container .menu-icon {
            left:  0px !important;
            bottom: -15px;
        }
        .header .container .shopping-cart-widget {
            right: -20px;
            bottom: -15px;
        }
    }

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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