Home Forums Basel support forum Some customization

Some customization

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #74117

    fotodiscountworld
    Participant

    I would like it if the product navigation could also navigate the main image

    Attachments:
    You must be logged in to view attached files.
    #74131

    Artem Temos
    Keymaster

    Hi,

    Try to add the following code snippet to the Custom CSS area in Theme Settings

    .woocommerce-product-gallery__wrapper .owl-nav {
        position: static!important;
        background-color: transparent!important;
        box-shadow: none!important;
    }
    
    .woocommerce-product-gallery__wrapper .owl-nav > div {
    	    position: absolute!important;
    }
    
    .woocommerce-product-gallery__wrapper .owl-nav .owl-next {
    	right: 0!important;
    }
    
    .woocommerce-product-gallery__wrapper .owl-nav .owl-prev {
    	left: 0!important;
    }

    And edit file js/functions.js as shown on the screenshot

    http://prntscr.com/kmcmpf

    You will need to disable JS combine and minify options in Theme Settings -> Performance.

    Regards

    #74139

    fotodiscountworld
    Participant

    cant i just make the changes in the functions.min.js

    #74143

    fotodiscountworld
    Participant

    also i would like it if the person uses the arrow to reach the end of the images i would like it to start with the first image again, So i basically it would be a loop of the images

    #74156

    Artem Temos
    Keymaster

    Loop is not recommended there since it may break some other functionality on the product page like variations images change.

    You can find and edit this code in the minified version as well.

    #74159

    fotodiscountworld
    Participant

    i found the code statement in the minified version and changed the value from !1 to 1
    yet it does not work

    for the images : so there is no way i can make if you press the last one it goes back to the first image ?

    #74164

    Artem Temos
    Keymaster

    As we can see, arrows navigation is already shown on your product page.
    Unfortunately, there is no such option for images.

    #74175

    fotodiscountworld
    Participant

    it works cause i disabled the minified js

    #74178

    Artem Temos
    Keymaster

    Could you please enable it now and do your modifications?

    #74179

    fotodiscountworld
    Participant

    ok you can check now

    #74180

    Artem Temos
    Keymaster

    There is some minification plugin on your website. It means that you can freely disable this option in our Theme Settings and use functions.js since it will be minified by the plugin.

    #74186

    fotodiscountworld
    Participant

    ok thank you

    #74197

    Artem Temos
    Keymaster

    You are welcome.

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Some customization’ is closed to new replies.