50% OFF on all WebKomp products COUPON CODE: BLACK50 CHECK ALL ITEMS →

Arrow up
Arrow down
×
Forum Access (04 Jul 2019)

These forums are READ-ONLY for Guests, and only WebKomp club members can post. If you are not a member, please look at joining one of our clubs to get access to this forum.

file J2Store Variable Product images issue

1 year 7 months ago #3332 by __Mike__
Please add to your custom.css
My Custom CSS added :

.variable-product {
  position: relative;
}
.variable-product .j2store-mainimage {
  padding-left: 75px;
}
.variable-product .j2store-mainimage .j2store-product-main-image {
  width: 100%;
}
.variable-product .j2store-product-additional-images {
  position: absolute;
  left: 15px;
  top: 0;
}
.variable-product .j2store-product-additional-images ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.variable-product .j2store-product-additional-images ul li {
  width: 65px;
  margin-bottom: 10px;
  display: block;
}
.variable-product .j2store-product-additional-images ul li img {
  width: 100%;
}
.j2store-product-list, .j2store-single-product.simple, .j2store-single-product.variable, .view-carts #sp-component, .view-checkout #sp-component, .view-myprofile #sp-component {padding-top: 80px; padding-bottom: 80px}

- Please search forums before posting.
- Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
- If a thread is solved please edit your original / first post and place "[SOLVED]".



  • Posts: 1547

  • Gender: Male
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    Why Choose WebKomp?

    With all the Joomla Templates and WordPress Theme providers out there, why choose us?  Here are many reasons why a WebKomp template/theme would be a good fit for your website:

    • 47+ Templates and Themes
    • We offer a 14-day money-back guarantee
    • Nice Designs - We take pride in our work and we always looking ways to improve the next template release.
    • Affordable - Our prices are low.
    • Free Support - Need help? Just contact us
    • No Backlink Required - You can shut it off in the template's admin panel.
    • Nice Framework - WebKomp templates are powered by Warp7, Helix, T4, Gantry5 intuitive, wonderful  fast, lightweight, and feature-packed frameworks.
    • Easy to Customize - The admin panel provides many useful options that can be easily tweaked from the backend, easily, change fonts, colors, presets and more.
    • Our templates are based on the open Warp 7 , Helix, T4 and Gantry 5 Framework - Refer to the official Warp documentation, T4 Framework , Helix3/Ultimate, Gantry 5, Astroid for comprehensive info about how to use and expand the frameworks.
    • Sample Data Available - Quickstart Package allow you install in few clicks theme/template, extensions/plugins and demo data, in final you get full website exactly the same like on demo.
    • Mobile Friendly - All templates on this site are now responsive, meaning they automatically adjust to any screen resolution.  
    • The Single Template/Theme(12 Months Membership) is dedicated to all customer that need only one Template/Theme for their business or private project.