Product page display code

  • Resolved sshmat

    (@sshmat)


    2 years, 3 months ago

    jQuery(document).ready(function () { // Swiper: Slider new Swiper('.swiper-container', { loop: true, nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', slidesPerView: 4, paginationClickable: true, spaceBetween: 10 }); }); .swiper-container { width:100%; height: 50%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide li { list-style-type: none;display: flex; flex-direction: column; } .swiper-slide h2 { font-size: 22px; font-weight: 400; margin-bottom: .5rem !important; margin-top: 1rem !important; } .swiper-slide .amount { color:#8f8a8a !important; } .swiper-slide .button { background-color: #28303d; color: #eeeeee; margin-top: .5rem !important; width: 68% !important; margin: 0 auto ; } .swiper-slide a { text-decoration: none !important; } .swiper-slide .col-md-4 , .swiper-slide .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .swiper-slide .fade-in-block{ position: initial; }

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author WebToffee

    (@webtoffee)

    Hi @sshmat,

    Thanks for reaching out.

    We have identified the issue and will address it in our upcoming release. Thank you for understanding.

    Plugin Author WebToffee

    (@webtoffee)

    Hi @sshmat,

    Greetings from WebToffee!

    We have addressed the product page related issue in the latest version (v1.4.6) of our plugin. Kindly update the plugin to the latest version and let us know how it goes.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Product page display code’ is closed to new replies.