Hallo,


Ik ben bezig met een thema wat ik erg graag zou willen gebruiken, Enigma (klik op demo om deze te bekijken)
Onder "Portfolio Options", in de demo "RECENT WORKS" genaamd staan afbeeldingen.
Op de afbeeldingen verschijnen 2 zaken, een ketting, die als link werkt en een vergrootglas, waarmee de afbeelding zo groot als het beeldscherm wordt.
Ik zou de ketting en het vergrootglas graag willen verwijderen en van de afbeeldingen gewoon links willen maken.
De teksten eronder, 'modsćtning' en 'udgaver' in de demo, moeten ook als links blijven werken.
Hoe kan ik dit het beste doen?


Ik weet dat ik het een en ander moet veranderen in het bestand home-portfolio.php maar ik kom er niet uit.
Mijn kennis van CSS en PHP is te beperkt...
Hieronder de code van home-portfolio.php


Een iedere vorm van hulp is zeer welkom.

Code:

<!-- portfolio section -->
<?php $wl_theme_options = weblizar_get_options(); ?>
<div class="enigma_project_section">
<?php if($wl_theme_options['port_heading'] !='') { ?>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="enigma_heading_title">
                    <h3><?php echo esc_attr($wl_theme_options['port_heading']); ?></h3>        
                </div>
            </div>
        </div>
    </div>
<?php } ?>    
<div class="container">
        <div class="row" >
            <div id="enigma_portfolio_section" class="enima_photo_gallery">
                <?php for($i=1 ; $i<=4; $i++) { ?>
                <?php if($wl_theme_options['port_'.$i.'_img'] !='') { ?>
                <div class="col-lg-3 col-md-3 col-sm-6 pull-left scrollimation fade-right d1"> 
                    <div class="img-wrapper">
                    
                        <div class="enigma_home_portfolio_showcase">
                            <img class="enigma_img_responsive" alt="<?php the_title_attribute(); ?>" src="<?php echo esc_url($wl_theme_options['port_'.$i.'_img']); ?>">
                            <div class="enigma_home_portfolio_showcase_overlay">
                                <div class="enigma_home_portfolio_showcase_overlay_inner ">
                                    <div class="enigma_home_portfolio_showcase_icons">
                                        <a title="<?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?>" href="<?php echo esc_url($wl_theme_options['port_'.$i.'_link']); ?>"><i class="fa fa-link"></i></a>
                                        <a class="photobox_a" href="<?php echo esc_url($wl_theme_options['port_'.$i.'_img']); ?>"><i class="fa fa-search-plus"></i><img src="<?php echo esc_url($wl_theme_options['port_'.$i.'_img']); ?>" alt="<?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?>" style="display:none !important;visibility:hidden"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    
                    <?php if($wl_theme_options['port_'.$i.'_title'] !='') { ?>    
                    <div class="enigma_home_portfolio_caption">
                    <h3><a href="<?php echo esc_url($wl_theme_options['port_'.$i.'_link']); ?>"><?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?></a></h3>
                    </div>
                    <?php } ?>
                    </div>
                    <div class="enigma_portfolio_shadow"></div>
                </div>
                <?php } ?>
                <?php } ?>
            </div>
            </div>
                        
        </div>
    </div>
<!-- /portfolio section -->

Zit die functie niet in het thema gebouwd?

Altijd de moeite waard om het de developer na te vragen ;-)!

Dat heb ik gedaan maar een reactie blijft uit.
De functie lijkt niet in het thema te zitten, ik heb alles doorzocht.

Het zit 'm ongetwijfeld in dit stuk code:

Code:

<div class="enigma_home_portfolio_showcase_icons">   
<a title="<?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?>" href="<?php echo esc_url($wl_theme_options['port_'.$i.'_link']); ?>"><i class="fa fa-link"></i></a>   
<a class="photobox_a" href="<?php echo esc_url($wl_theme_options['port_'.$i.'_img']); ?>"><i class="fa fa-search-plus"></i><img src="<?php echo esc_url($wl_theme_options['port_'.$i.'_img']); ?>" alt="<?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?>" style="display:none !important;visibility:hidden"></a>                                     
</div>

De regel met <a title is het link icoontje (het icoontje zelf is <i class="fa fa-link"></i>) , de regel met <a class="photobox" is het foto icoontje. Je zou eens kunnen proberen die tweede regel weg te halen, en dan moet je het link icoontje nog weghalen (zie hierboven) en met CSS zorgen dat de <a title regel de gehele afbeelding bedekt. Dan zou het al een heel eind goed moeten komen. Uiteraard eerst een backup maken en een childtheme maken met de gewijzigde code.

Het spreekt voor zich dat dit knutselen voor gevorderden is...

Origineel gepost door Marcel Melis

Het zit 'm ongetwijfeld in dit stuk code:

Code:

<div class="enigma_home_portfolio_showcase_icons">   
<a title="<?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?>" href="<?php echo esc_url($wl_theme_options['port_'.$i.'_link']); ?>"><i class="fa fa-link"></i></a>   
<a rel="nofollow" class="photobox_a" href="<?php echo esc_url($wl_theme_options['port_'.$i.'_img']); ?>"><i class="fa fa-search-plus"></i><img src="<?php echo esc_url($wl_theme_options['port_'.$i.'_img']); ?>" alt="<?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?>" style="display:none !important;visibility:hidden"></a>                                     
</div>

De regel met <a title is het link icoontje (het icoontje zelf is <i class="fa fa-link"></i>) , de regel met <a class="photobox" is het foto icoontje. Je zou eens kunnen proberen die tweede regel weg te halen, en dan moet je het link icoontje nog weghalen (zie hierboven) en met CSS zorgen dat de <a title regel de gehele afbeelding bedekt. Dan zou het al een heel eind goed moeten komen. Uiteraard eerst een backup maken en een childtheme maken met de gewijzigde code.

Het spreekt voor zich dat dit knutselen voor gevorderden is...

Volgens mij, mag het hele stukje code wat je noemt eruit. Ook zit er nog een overlay over de afbeelding. Om de afbeeldingen te linken kun je er ook voor kiezen om de <a href terug te zetten, dus om de <img>. Dat is niet nodig via de CSS.

Hierbij de aangepaste versie van home-portfolio.php

Code:

<!-- portfolio section -->
<?php $wl_theme_options = weblizar_get_options(); ?>
<div class="enigma_project_section">
<?php if($wl_theme_options['port_heading'] !='') { ?>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="enigma_heading_title">
                    <h3><?php echo esc_attr($wl_theme_options['port_heading']); ?></h3>        
                </div>
            </div>
        </div>
    </div>
<?php } ?>    
<div class="container">
        <div class="row" >
            <div id="enigma_portfolio_section" class="enima_photo_gallery">
                <?php for($i=1 ; $i<=4; $i++) { ?>
                <?php if($wl_theme_options['port_'.$i.'_img'] !='') { ?>
                <div class="col-lg-3 col-md-3 col-sm-6 pull-left scrollimation fade-right d1"> 
                    <div class="img-wrapper">
                        <div class="enigma_home_portfolio_showcase">
                            <a href="<?php echo esc_url($wl_theme_options['port_'.$i.'_link']); ?>">
                            <img class="enigma_img_responsive" alt="<?php the_title_attribute(); ?>" src="<?php echo esc_url($wl_theme_options['port_'.$i.'_img']); ?>">
                            </a>
                        </div>
                    <?php if($wl_theme_options['port_'.$i.'_title'] !='') { ?>    
                    <div class="enigma_home_portfolio_caption">
                    <h3><a href="<?php echo esc_url($wl_theme_options['port_'.$i.'_link']); ?>"><?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?></a></h3>
                    </div>
                    <?php } ?>
                    </div>
                    <div class="enigma_portfolio_shadow"></div>
                </div>
                <?php } ?>
                <?php } ?>
            </div>
            </div>
                        
        </div>
    </div>
<!-- /portfolio section -->

Werkt perfect, is precies wat ik zocht.
Ontzettend bedankt voor je hulp!

Origineel gepost door Rogier van E

Werkt perfect, is precies wat ik zocht.
Ontzettend bedankt voor je hulp!

Dat is fijn om te horen! Graag gedaan en natuurlijk heel veel succes met je website.