Return to previous page

Frontpage - by Dittemila - on WordPress WooCommerce support

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

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

#210765 Copied
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
#210771 Copied
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

#210795 Copied

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

#210840 Copied

Dittemila

Participant

March 13, 2019 at 14:44

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

#210847 Copied

Olga Barlow

Support staff

March 13, 2019 at 16:05

Hello,

You are welcome!

Regards

#210868 Copied

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.

#210878 Copied
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
#210896 Copied
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.

#210988 Copied
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
#210989 Copied
Dittemila

Participant

March 15, 2019 at 13:40

I really can’t make it work. please try

#210990 Copied

Dittemila

Participant

March 15, 2019 at 13:42

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

thank you for all your time

Please contact administrator
for this information.

#210991 Copied

Dittemila

Participant

March 15, 2019 at 14:40

THANK YOU SO MUCH rose!! It works and looks great!!
Enjoy your weekend
kind regards Catrine

#211003 Copied

Olga Barlow

Support staff

March 15, 2019 at 15:04

Hello,

You are welcome.

Regards

#211009 Copied

Dittemila

Participant

March 15, 2019 at 15:09

suddenly it all changes on mobile device. menu and basket is all wrong placed

#211012 Copied

Dittemila

Participant

March 15, 2019 at 15:15

Please see the change:

http://prnt.sc/mybeko

#211013 Copied

Olga Barlow

Support staff

March 15, 2019 at 15:40

Hello,

We improved vertical alignment and thought that it would be suitable for you http://prntscr.com/mybt18 but if you prefer this version http://prntscr.com/mybtn7 – no problem. Check now.

Regards

#211015 Copied
1 2

Viewing 37 results - 21 through 37 (of 37 total)