Please help me fix view detail product! List small product is broken in center

Home Forums WordPress Themes Anadi Please help me fix view detail product! List small product is broken in center

This topic contains 8 replies, has 2 voices, and was last updated by  -hostexp 3 months, 4 weeks ago.

Website URL: tranhdaquyvietxanh.com.vn
Theme: Anadi - WooCommerce Furniture WordPress Theme
Purchase Code: Supplied
Support date: 2018-06-1045 days

  • Author
    Posts
  • #35417

    thanh vu
    Participant

    Please help me fix view detail product! List small product is broken in center of big product!

    Please view this picture!

    My english is not well

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

    -hostexp
    Participant

    Hi Thanh Vu,
    Can you give me the link to that product?
    I will check for you
    Thanks

  • #35444

    -hostexp
    Participant

    Hi,
    You can edit file anadi/js/product-image-magnifier.js with content

    
    var yith_magnifier_options = {
            enableSlider: data.enableSlider,
            showTitle: false,
            zoomWidth: data.zoomWidth,
            zoomHeight: data.zoomHeight,
            position: data.position,
            lensOpacity: data.lensOpacity,
            softFocus: data.softFocus,
            adjustY: 0,
            disableRightClick: false,
            phoneBehavior: data.phoneBehavior,
            loadingLabel: data.loadingLabel
        };
        if (data.enableSlider) {
            yith_magnifier_options['sliderOptions'] = {
                responsive: data.responsive,
                circular: data.circular,
                infinite: data.infinite,
                direction: 'up',
                debug: false,
                auto: false,
                align: 'left',
                height: "100%", //turn vertical
                width: 110,
                prev: {
                    button: "#slider-prev",
                    key: "left"
                },
                next: {
                    button: "#slider-next",
                    key: "right"
                },
                scroll: {
                    items: 1,
                    pauseOnHover: true
                },
                items: {
                    visible: parseInt(data.visible)
                },
                swipe: {
                    onTouch: true,
                    onMouse: true
                },
                mousewheel: {
                    items: 1
                }
            }
        }
    
    • #35454

      thanh vu
      Participant

      I have paste script in anadi/js/product-image-magnifier.js !

      But small picture in the left is so bigger than theirĀ  area ! Please help me make small picture at left so smaller!

      Sorry but my english not well

      • #35459

        thanh vu
        Participant

        Can you give me some suggestion to fix it! Because it display in mobile mode not beautifull

      • #35463

        thanh vu
        Participant

        I have fixed my problem!

        Can you show me How to small font at image sale off at left of product picture?

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

    -hostexp
    Participant

    You can go to Visual Composer >> Custom CSS and insert CSS code

    .woocommerce .product-wrapper .onsale span, .woocommerce .single-product-image .onsale span{
        font-size: 13px;/* SFont size */  
        -webkit-transform: rotate(0deg);/* rotate */
        -moz-transform: rotate(0deg); /* rotate */
        transform: rotate(0deg); /* rotate */
        top: 80px; /* you can change for fit */
    }

You must be logged in to reply to this topic.

Browser our premium, beautiful WooCommerce WordPress themes for your online store