How can I fix the column width issue in G-Variants: Product Options plugin?

How can I fix the column width issue in G-Variants: Product Options plugin?

fresco
Visitor
1 0 0

Hello! I'm using the G-Variants: Product Options plugin by Globo to add customization to most of my products. The problem I'm running into is that the text is extremely condensed, smushed into the center of the screen.

 

I have column width set to 100% on every element within each option set itself, but it looks more like 33% on the actual page.

 

I've done the theme integration step.

 

I've tried customizing a product page on the visual theme customizer, which does nothing, even if I maximize the page width. The G-Variant section is labeled "Buy Button" on that page, and if I even try to move it, it just vanishes.

 

I've also tried editing the code. I changed every instance of "columnwidth":100 to "columnwidth":300 within globo.options.data.min.js just to see if that would do anything, and it didn't. I have since changed it back.

 

I cannot find any instance of "buy button" or "buybutton" or "buy_button" in my code, so I haven't been able to experiment with that.

 

I also cannot find any instance of "max-width" to delete.

 

The theme I've been using for all of this experimentation is Dawn. I briefly tried Ride, Studio, and Craft, with theme integration but without any customization or code editing, to see if there was just some inherent incompatibility with Dawn. Those themes all had the same issue.

 

Any help would be much appreciated! I wasn't sure if I should post this here, or in the Design section. I can move it if that's a better fit.

 

Here's some screenshots of an example listing. Ignore the lack of quantity button, that part is on purpose.

 

 

 

Screen Shot 2022-05-11 at 12.48.41 AM.png

Screen Shot 2022-05-11 at 12.49.01 AM.png

Screen Shot 2022-05-11 at 12.48.48 AM.png

  

Replies 0 (0)