RTL problem loading products in widget

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

Viewing 4 reply threads
  • Author
    Posts
    • #14743
      Anonymous
      Inactive

      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
      Anonymous
      Inactive

      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
      Anonymous
      Inactive

      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!

Viewing 4 reply threads
  • You must be logged in to reply to this topic.

Our New Release - Eight Degree Innovative Corporate Theme (EDICT)

EDICT is a clean and innovative business WordPress theme. This business theme, built fully on theme options with Redux Framework, comes up with three stunning homepage demo layouts that can be imported with just one click of a button. Not to mention it also includes three elegantly designed blog, portfolio and header layouts.

Click on the below image for more detail.

Edict  Eight Degree Innovative Corporate 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: