Home › Forums › WoodMart support forum › Image zoom
Image zoom
- This topic has 25 replies, 2 voices, and was last updated 6 years, 10 months ago by leonidas.
-
AuthorPosts
-
February 8, 2018 at 6:50 pm #38486
leonidasParticipantHello
look at the video please and tell me if it is a known bug or it has to do with my configuration.
Regards LeonidasFebruary 9, 2018 at 7:12 am #38519
Artem TemosKeymasterHi,
Since we don’t see any problems with our theme it seems to be some issue with your configuration only. Are you able to remove all your extra customization and upload our theme original files and check again?
Thank you in advance.
February 9, 2018 at 7:13 am #38520
leonidasParticipantI will do that and report back.
Thank youFebruary 9, 2018 at 10:26 am #38579
Artem TemosKeymasterOK, contact us if you will have extra questions.
February 9, 2018 at 2:59 pm #38661
leonidasParticipantFound it.It was a plugin http://prntscr.com/iceehe
I installed it on purpose to get rid of a Gtmetrix notice :Do you have any idea how to avoid this error?
February 9, 2018 at 9:06 pm #38716
Artem TemosKeymasterYou need to find those images on your website and specify size attributes like this example
<img src="" width="" height="" />
Regards
February 11, 2018 at 5:32 pm #39016
leonidasParticipantOk I understand but where exactly do we insert that information? Let’s say for my logo
February 11, 2018 at 6:46 pm #39038
Artem TemosKeymasterLogo image HTML code can be found in the file
inc/template-tags.php
.February 12, 2018 at 9:04 am #39114
leonidasParticipantI managed to solve the problem with the other svg images.Only the logo left.
The procedure I followed:
1. Create a folder with the name “inc” inside the cild theme.
2. Copied the file template-tags.php
3. Add a code in line 517 pointing my logo image position.What I am doing wrong?
February 12, 2018 at 9:13 am #39117
Artem TemosKeymasterTry to paste this code snippet to the functions.php file in your child theme and edit it
function woodmart_header_block_logo() { $header_color_scheme = woodmart_get_opt( 'header_color_scheme' ); // Get the logo $logo = WOODMART_IMAGES . '/wood-logo-dark.svg'; $logo_white = WOODMART_IMAGES . '/wood-logo-white.svg'; $protocol = woodmart_http() . "://"; $logo_uploaded = woodmart_get_opt('logo'); $logo_white_uploaded = woodmart_get_opt('logo-white'); $logo_sticky_uploaded = woodmart_get_opt('logo-sticky'); $has_sticky_logo = ( isset( $logo_sticky_uploaded['url'] ) && ! empty( $logo_sticky_uploaded['url'] ) ); if(isset($logo_white_uploaded['url']) && $logo_white_uploaded['url'] != '') { $logo_white = $logo_white_uploaded['url']; } if(isset($logo_uploaded['url']) && $logo_uploaded['url'] != '') { $logo = $logo_uploaded['url']; } if( $header_color_scheme == 'light' ) { $logo = $logo_white; } $logo = $protocol. str_replace(array('http://', 'https://'), '', $logo); ?> <div class="site-logo"> <div class="woodmart-logo-wrap<?php if( $has_sticky_logo ) echo " switch-logo-enable"; ?>"> <a href="<?php echo esc_url( home_url('/') ); ?>" class="woodmart-logo woodmart-main-logo" rel="home"> <?php echo '<img src="' . $logo . '" alt="' . get_bloginfo( 'name' ) . '" />'; ?> </a> <?php if ( $has_sticky_logo ): ?> <?php $logo_sticky = $protocol . str_replace( array( 'http://', 'https://' ), '', $logo_sticky_uploaded['url'] ); ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="woodmart-logo woodmart-sticky-logo" rel="home"> <?php echo '<img src="' . $logo_sticky . '" alt="' . get_bloginfo( 'name' ) . '" />'; ?> </a> <?php endif ?> </div> </div> <?php }
February 12, 2018 at 9:48 am #39123
leonidasParticipantPaste the code and adit it but I see the same warning
February 12, 2018 at 1:01 pm #39160
Artem TemosKeymasterYou need to specify your image size exact value in pixels. You can’t use
%
orauto
values in that attributes.February 12, 2018 at 2:50 pm #39233
leonidasParticipantChange the values.
Now every time I click over the logo I see a 403 forbidden error.
Please I need your advice.February 12, 2018 at 2:57 pm #39242
leonidasParticipantI forgot to remove a dot.But it didn’t make any difference
February 12, 2018 at 4:05 pm #39278
Artem TemosKeymasterStill see wrong characters in the
href=""
attribute for the logo.February 12, 2018 at 4:40 pm #39290
leonidasParticipantSince a freelance developer is working on my development site I decided to make the changes to my final domain.So check there to see the problem.
February 12, 2018 at 6:09 pm #39312
Artem TemosKeymasterAs we said, you have a wrong character there https://gyazo.com/a245cd3167172028f1dd02632a7f2a45
February 12, 2018 at 6:34 pm #39328
leonidasParticipantI see.Corrected the wrong character.Now look at the video.
February 12, 2018 at 6:35 pm #39329
Artem TemosKeymasterBut you set the href attribute to your SVG icon. Of course, when you click it you will be redirected to the page that displays this image. Read more information about A and IMG tag
https://www.w3schools.com/tags/tag_a.asp
https://www.w3schools.com/tags/tag_img.aspFebruary 12, 2018 at 7:01 pm #39332
leonidasParticipantMaybe it looks easy for you but I am not a theme developer.I just selling sunglasses!Ok I have learned some CSS to do the basics but it’s not the time to learn Html code and Php or anything else.At least you should point me with an image where and what to change in your code.I need to close that ticket.I am tired.
February 12, 2018 at 7:53 pm #39337
Artem TemosKeymasterOK, could you please paste the final function for the logo you have in the child theme now so we can check it?
February 12, 2018 at 8:09 pm #39339
leonidasParticipantCheck the function.php file.
Use the login and FTP credentials you already have in the development site.Don’t forget to tell me the changes that you have made.
Thank youFebruary 13, 2018 at 7:07 am #39375
Artem TemosKeymasterSorry, but we can’t find the FTP access. Could you please just send us the code for that function?
February 13, 2018 at 8:34 am #39405
leonidasParticipantI send you again my Ftp access
February 13, 2018 at 9:10 am #39407
Artem TemosKeymasterThe function should look like this
function woodmart_header_block_logo() { $header_color_scheme = woodmart_get_opt( 'header_color_scheme' ); // Get the logo $logo = WOODMART_IMAGES . '/wood-logo-dark.svg'; $logo_white = WOODMART_IMAGES . '/wood-logo-white.svg'; $protocol = woodmart_http() . "://"; $logo_uploaded = woodmart_get_opt('logo'); $logo_white_uploaded = woodmart_get_opt('logo-white'); $logo_sticky_uploaded = woodmart_get_opt('logo-sticky'); $has_sticky_logo = ( isset( $logo_sticky_uploaded['url'] ) && ! empty( $logo_sticky_uploaded['url'] ) ); if(isset($logo_white_uploaded['url']) && $logo_white_uploaded['url'] != '') { $logo_white = $logo_white_uploaded['url']; } if(isset($logo_uploaded['url']) && $logo_uploaded['url'] != '') { $logo = $logo_uploaded['url']; } if( $header_color_scheme == 'light' ) { $logo = $logo_white; } $logo = $protocol. str_replace(array('http://', 'https://'), '', $logo); ?> <div class="site-logo"> <div class="woodmart-logo-wrap<?php if( $has_sticky_logo ) echo " switch-logo-enable"; ?>"> <a href="<?php echo esc_url( home_url('/') ); ?>" class="woodmart-logo woodmart-main-logo" rel="home"> <?php echo '<img src="' . $logo . '" alt="' . get_bloginfo( 'name' ) . '" width="190" height="70" />'; ?> </a> <?php if ( $has_sticky_logo ): ?> <?php $logo_sticky = $protocol . str_replace( array( 'http://', 'https://' ), '', $logo_sticky_uploaded['url'] ); ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="woodmart-logo woodmart-sticky-logo" rel="home"> <?php echo '<img src="' . $logo_sticky . '" alt="' . get_bloginfo( 'name' ) . '" />'; ?> </a> <?php endif ?> </div> </div> <?php }
February 13, 2018 at 10:12 am #39432
leonidasParticipantOk thank you.You can close the ticket
Regards -
AuthorPosts
The topic ‘Image zoom’ is closed to new replies.
- You must be logged in to create new topics. Login / Register