ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• January 10, 2016 at 12:31 am #239301
  Klarity

  Member

  Post count: 183

  Hi,

  I was wondering if there is a way to get the attribute titled to show on a variable product page next to the drop-down list in the same way that is does on Neighborhood. I’ve attached a few screen shots to help with the explanation. The information i am entering wont be clear to the user without this Attribute title showing.

  Many thanks

  Attachments:

  You must be logged in to view attached files.
  January 11, 2016 at 10:17 am #239409
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Sure, add this to your custom css:

  .woocommerce div.product form.cart .variations td.label {
    display: block;
    text-align: left;
    width: 40px;
  }
  .woocommerce div.product form.cart .variations td.label label {
    line-height: 60px;
  }

  – Kyle

  January 11, 2016 at 10:09 pm #239598
  Klarity

  Member

  Post count: 183

  Hi Kyle,

  thanks that’s awesome!
  My next question i think is related so left it in this post (sorry if this is wrong?)

  Is it possible to show the filter titles, using the ‘mobile filter’ layout.
  Please see ref image.

  Cheers,

  Pete

  Attachments:

  You must be logged in to view attached files.
  January 11, 2016 at 10:24 pm #239600
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Yes the filters will show when you have products on the page with the filters assigned

  – Kyle

  January 12, 2016 at 6:31 pm #239826
  Klarity

  Member

  Post count: 183

  Hi Kyle,

  Yep got the filters working. It’s just their titles which arn’t being pulled from the widgets. Is it possible to show this?

  Many thanks

  Pete

  January 12, 2016 at 9:54 pm #239841
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

  .sf-mobile-shop-filters .widget > .widget-heading {
    display: block;
  }
  

  – Kyle

  January 14, 2016 at 10:31 pm #240610
  Klarity

  Member

  Post count: 183

  Perfect – thanks for this!

  January 15, 2016 at 9:06 am #240670
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  no problem 🙂

  January 15, 2016 at 3:37 pm #240848
  Klarity

  Member

  Post count: 183

  hi Kyle,

  since the update this css has stopped working

  .woocommerce div.product form.cart .variations td.label {
  display: block;
  text-align: left;
  width: 40px;
  }
  .woocommerce div.product form.cart .variations td.label label {
  line-height: 60px;
  }

  January 15, 2016 at 3:52 pm #240857
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Seems to be fine? http://d.pr/i/18BBL/2sjNNYjA

  – Kyle

  January 15, 2016 at 5:31 pm #240885
  Klarity

  Member

  Post count: 183

  Sorry, i should have been more specific.
  Im trying to get ‘Top Finish’ and ‘Base finish’ on the same lines

  Many thanks,

  January 15, 2016 at 6:11 pm #240910
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .woocommerce div.product form.cart .variations td.label {
   width: 85px !important;
  }

  Thanks
  Mohammad

• Back to forum

  Posted in: Atelier