RTL problem loading products in widget

Home Page 8DegreeThemes Forum Free Themes EightStore Lite RTL problem loading products in widget

  • Author
    Posts
  • #14743

    stealthy
    Participant

    Hey
    Thanks for your good looking theme. Recently I faced a problem, my products doesn’t show in large displays like desktops, here is my rtl file you requested in wordpress support forum. I have no custom css in theme’s customization.
    The website I need help with is Tajhizneshat.com

    @font-face {
      font-family: Vazir;
      font-style: normal;
      font-weight: bold;
      src: url(font/Vazir-Bold-FD-WOL.woff) format('woff');   /* All Major Browsers */
    }
    @font-face {
      font-family: Vazir;
      font-style: normal;
      font-weight: normal;
      src: url(font/Vazir-FD-WOL.woff) format('woff');   /* All Major Browsers */
    }
    @font-face {
      font-family: Vazir;
      font-style: normal;
      font-weight: 300;
      src: url(font/Vazir-Light-FD-WOL.woff) format('woff');   /* All Major Browsers */
    }
    @media (min-width: 992px)
    {
        .blogs .slick-next, .testimonials .slick-next {
            right: 524px;
        }
        .blogs .slick-prev, .testimonials .slick-prev {
            right: 550px;
        }
        .slick-slider {
            direction: ltr;
        }
        #home-slider {
            direction: ltr;
        }
    }
    @media screen and (max-width: 992px)
    {
        .blogs .home-title, .testimonials .home-title {
            text-align: center;
        }
        .blogs .slick-next, .testimonials .slick-next {
            float: left;
        }
        .blogs .slick-prev, .testimonials .slick-prev {
            right: 97%;
        }
        div .slick-list {
            direction: ltr;
        }
        #home-slider .slick-list {
            direction: ltr;
        }
    .main-navigation .menu {
        right: -100%;
            left: 0;
    }
    .main-navigation.toggled .menu {
        right: 0;
    }
    }
    .main-navigation li {
        font-family: Vazir;
    }
    #section-product2 .ufbl-form-title {
        font-family: Vazir;
        font-size: 30px;
    }
    .top-header .translate-dropdwn select {
        padding: 3px 19px 4px 20px;
        background-position: 10% 60%;
    }
    .search-in-select {
        direction: initial;
        right: 68%;
    }
    .search-box .search-field {
        left: 72%;
        margin-top: -22px;
    }
    .search-box .searchform .searchsubmit, .page-content .searchform .searchsubmit {
        left: -70%;
    }
    .header-callto .fa.fa-phone, .header-callto .fa.fa-envelope {
        display: inline;
    }
    .woocommerce #secondary {
        float: right;
    }
    body {
        font-family: Vazir;
        overflow-x: hidden;
    }
    .caption h4.widget-title {
        font-size: 35px;
    }
    a.item-wishlist {
        left: 0;
    }
    .main-header .right-links .my-account form.login .inline {
        float: inherit;
    }
    .main-navigation ul li:last-child ul {
        left: inherit;
        right: 100%;
    }
    .main-navigation ul li:hover > ul.sub-menu {
        padding: 0 !important;
    }
    .main-navigation ul ul.sub-menu li:hover ul {
        right: 100%;
        left: inherit;
    }
    .woocommerce.widget_product_categories .widget-title::before {
        margin-left: 5px;
    }
    .main-navigation ul.menu li::before {
        display:none;
    }
    .main-navigation ul ul {
        right: 0;
    }
    .title-cart a.button.add_to_cart_button.ajax_add_to_cart.product_type_simple::before, .title-cart a.button.add_to_cart_button.product_type_simple::before, .title-cart a.product_type_variable::before, .title-cart a.product_type_grouped::before, .title-cart a.product_type_external::before, .title-cart a.button.ajax_add_to_cart.product_type_simple::before {
        left: 0;
        content: "افزودن به سبد خرید";
        right: auto;
    }
    .woocommerce .widget_price_filter .price_slider_amount .button {
        float: left;
    }
    .item-prod-wrap .item-img::before {
        content: none;
    }
    .price_label {
        float: right;
        font-size: 9.4px;
    }
    .woocommerce .products ul, .woocommerce ul.products {
        direction: rtl;
    }
    .woocommerce ul.products li.product .onsale {
        left: auto;
        right: 0;
    }
    .woocommerce.widget_price_filter .widget-title::before {
        margin-right: 0px;
        margin-left: 5px;
    }
    .woocommerce #primary {
        float: left;
        margin-left: 0px;
    }
    .title-cart a.button.add_to_cart_button.ajax_add_to_cart.product_type_simple::after, .title-cart a.button.add_to_cart_button.product_type_simple::after, .title-cart a.product_type_variable::after, .title-cart a.product_type_grouped::after, .title-cart a.product_type_external::after, .title-cart a.button.ajax_add_to_cart.product_type_simple::after {
        left: 0;
    }
    .title-cart > a {
        padding-right: 0px;
    }
    .woocommerce ul.products li.product .title-cart .cart {
        right: 160px;
        top: 20px;
    }
    .single-product #primary {
        float: right;
        margin-right: 4px;
    }
    .single-product #secondary {
        float: left;
    }
    .caption .desc {
        font-size: 25px;
        font-family: Vazir;
    }
    .price-desc {
        text-align: right;
    }
    .blogs .blog-image {
        float: right;
        margin-right: 0px;
    }
    .blogs .blog-content {
        font-family: Vazir;
        font-size: 15px;
    }
    .blogs .blog-content-wrap {
        text-align: right;
        direction: rtl;
    }
    .testimonials .testimonial-content {
        text-align: right;
        direction: rtl;
    }
    .testimonials .testimonial-image {
        float: right;
    }
    .testimonials .testimonial-single-title {
        text-align: right;
    }
    .testimonials .testimonial-content::after {
        left: 420px;
    }
    .top-header .translate-dropdwn select {
        font-family: Vazir;
        font-size: 14px;
    }
    .banner-caption {
        right: 55%;
    }
    .slick-slide:nth-child(2n+1) .banner-caption {
        left: 50%;
    }
    .welcome-user::before {
        right: 85%;
    }
    .main-header .right-links .cart-box .widget_shopping_cart::before {
        right: 90%;
    }
    .main-header .right-links .cart-box .widget_shopping_cart {
        left: 0;
        right: auto;
    }
    .widget_shopping_cart {
        left: 0;
    }
    .welcome-user {
        left: 0;
        right: auto;
    }
    .blogs .home-title, .testimonials .home-title {
        font-family: Vazir;
        font-size: 25px;
    }
    #section-product2 .prod-title::after {
        right: 115px;
    }
    #section-product2 .prod-title {
        font-family: Vazir;
    }
    
    #section-category1 .feature-cat-product {
        padding-left: 60px;
    }
    .product-cat-desc > h3 {
        font-family: Vazir;
    }
    .header-callto {
        text-align: left;
        float: left;
    }
    h5.ticker_tick {
        font-family: Vazir;
        font-size: 11px;
    }
    .promo-btn::before {
        left: 125px;
    }
    #section-promo2 .desc {
        font-family: Vazir;
    }
    .title-cart h3 {
        font-family: Vazir;
        text-align: right;
    }
    #section-promo2 .caption h4 {
        font-family: Vazir;
        font-size: 35px;
    }
    #secondary ul li::before {
        content: "\f100";
        margin-right: 0px;
        right: 0;
        left: auto;
    }
    #secondary ul li {
        padding-right: 15px;
        padding-left: 0;
    }
    .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
        width: 15.5%;
    }
    #secondary.secondary-right, .search #secondary {
        float: left;
    }
    .sidebar-right #primary, .search #primary {
        float: right;
        margin-right: 0px;
    }
    #section-product2 .ufbl-form-field-wrap, #section-product2 .ufbl-default-template .ufbl-form-field-wrap {
        font-family: Vazir;
        font-size: 17px;
        line-height: 70px;
    }
    #section-product2 .ufbl-form-submit {
        font-family: Vazir;
    }
    #section-promo3 .promo-btn::before {
        left: 127px;
    }
    .caption .other-all {
        font-size: 25px;
    }
    .widget_eightstore_lite_cta_simple a.btn {
        direction: ltr;
    }
    .ticker-title {
        font-family: Vazir;
    }
    .right-links {
        text-align: left;
    }
    .site-branding h1.site-title {
        font-family: Vazir;
    }
    .caption-title p {
        font-family: Vazir;
    }
    .caption-desc {
        font-family: Vazir;
        direction: rtl;
    }
    .promo-btn {
        font-size: 16px;
        margin-right: 100px;
    }
    .item-prod-wrap{
    	transition: all ease 0.3s;
    	-webkit-transition: all ease 0.3s;
    	-ms-transition: all ease 0.3s;
    }
    .item-prod-wrap .item-img:before {
    	content: "";
    	border-top: 0px solid #fff;
    	border-left: 0px solid transparent;
    	position: absolute;
    	transition: all ease 0.3s;
    	-webkit-transition: all ease 0.3s;
    	-ms-transition: all ease 0.3s;
    }
    .item-prod-wrap:hover .item-img:before {
    	border-top: 42px solid #0bb1af;
    	border-left: 42px solid transparent;
    }
    .item-wishlist span {
    	font-family: Vazir;
    }
    .new-prod-slide .title-cart .cart, .woocommerce ul.products li.product .title-cart .cart, .feature-cat-product .title-cart .cart {
        left: 0;
        top: 0px;
    }
    #eightstore_lite_cat_product-3 .feature-cat-image::before {
    	border-right: 80px solid transparent;
    	border-top: 80px solid #fff;
    	border-left: none;
    	content: "";
    	position: absolute;
    	left: 0
    }
    .feature-cat-image::before {
    	left: 0
    }
    .main-header {
    	background: url(https://tajhizneshat.ir/wp-content/uploads/2018/01/header-1.jpg) no-repeat right;
    	background-size: auto 200px;
    	height: 200px;
    }
    .woocommerce div.product form.cart {
    	display: none;
    }
  • #14754

    8Degree Themes
    Keymaster

    Hi There,

    Make this change and check once:

    File Name : wp-content\themes\eightstore-lite\js\slick.js
    Line: 74
    Existing Code:
    rtl: flase,
    Change to:
    rtl: true,

    Thanks!

  • #14759

    stealthy
    Participant

    Thanks to you for your time, mostly worked for desktop and large screens but in small screens and mobile view products gone. The left side of subscribe section not working too.
    Is there any chance for me to get this theme done?

  • #14770

    stealthy
    Participant

    Hello again

    My problem in Product Widget 2 still exist and I can’t fix it. In developer tools, when I change the “right” to “left” widget works fine.

    [dir='rtl'] .slick-slide
    {
        float: right;
    }

    But when I update it in slick.css its not working.

  • #14773

    8Degree Themes
    Keymaster

    Yes, I did check it too, but it seems like there is problem with slick slider, We are testing various things, I will let you know once we find a solution.
    Thanks!

You must be logged in to reply to this topic.

Our New Release - Eight Degree Pro

Eight Degree Pro is a flexible WordPress theme with modern and mobile friendly design. This multipurpose WP template is suitable for building any kind of websites from blogs and portfolios to businesses. It comes with 3 predesigned demos with one click demo import features. Simply import the demo data and start customizing.

We've Launch offer 40% discount to our exclusive clients like you! Use coupon code customer during checkout. Get the theme only for $33 now (only for few days!)

Click on the below image for more detail.

Eight Degree Pro  WordPress Corporate Business Premium Theme

Please post your questions in the respective forum above.

All questions related to our Pro theme will be answered in less than 24 hours. All questions related to our Free theme will be answered in less than 48 hours.
Our Facebook page is the best place to get updated with themes, documentation, question/answers. Please like us here: