Product Swatches on shop page

  • Resolved mystiquenigma

    (@mystiquenigma)


    9 years, 1 month ago

    Hey! I recently bought a plugin called Openswatch that allows me to show color swatches on my shop page. However, the Pinnacle theme seems to be displaying these swatches at the top of the product and not at the bottom. I would like for the swatches to be above the select options button and I have no clue as to how to do this. Also, how do I make the shop items line up in a straight horizontal line with this plugin activated? The shop seems to turn into a tiled gallery when the plugin is on. The plugin author does not offer support with customization. Currently I only have the plugin activated on one product which you will see on my website below. Thanks in advance to all who can help.

    https://krystlejosea.com/

Viewing 5 replies - 1 through 5 (of 5 total)

  • I am not able to understand your question perfectly. would you please make me clear about your issues?
    I will try my best to solve your problem.
    Thank You

    you can try this css rule. 

    .item-colors.product-list-color-swatch{
   position:relative;
   top:520px;

}

    This seems to be more of a plugin problem than a theme problem.

    sorry the above solution will not work. Here another possible solution.

    .product_details{

 margin-bottom:22px;
}

.item-colors.product-list-color-swatch{
    top: 420px;
    position: absolute;
    margin-left: 100px;
}

    you can add it into a custom css plugin and see if it does what you want.

    Thread Starter mystiquenigma

    (@mystiquenigma)

    Thanks mrtom414! The second solution worked perfectly!

    Thread Starter mystiquenigma

    (@mystiquenigma)

    I also had another issue with the tiled gallery but it isn’t so much of an issue now. Thanks again!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Product Swatches on shop page’ is closed to new replies.