At the moment, we have the functionality shown in the attached screenshots.
The previous contractor implemented this functionality using three separate cards that correspond to types of clothing.
T-shirt
Sweatshirt
Hoodie
In each type of clothing (in each card), the colors of the clothing and sizes are displayed.
At this stage, there were problems with limiting the number of options. The functionality did not work correctly and was not completed.
The option with three separate product type cards that synchronize into one functionality in the template does not suit us.
The task is to implement all types of clothing and colors through a main card in which we display all three types of clothing and their corresponding colors.
That is, one main card, in it
clothing options with base prices:
T-shirt
Black
Price - 129 zł - regular price 217 zł
White
Price - 129 zł - regular price 217 zł
Sand
Price - 129 zł - regular price 217 zł
And so on..
Sweatshirt
Black
Price - 169 zł - regular price 295
White
Price - 169 zł - regular price 295
Sand
Price - 169 zł - regular price 295 zł
And so on..
Hoodie
Black
Price - 199 zł - regular price 325 zł
White
Price - 199 zł - regular price 325 zł
Sand
Price - 199 zł - regular price 325 zł
And so on..
For each type of clothing, the colors are also displayed in the format of photos of that type of clothing. The current and regular prices are displayed for the clothing colors.
And sizes S-3XL for all types of clothing are displayed in the code, with the following pricing logic:
S, M - these are the prices that are set by default in our main card:
T-shirt - 129 zł - regular price 217 zł
Sweatshirt - 169 zł - regular price 295 zł
Hoodie - 199 zł - regular price 325 zł
L, XL | + 10 zł to the base prices set in the types of clothing in our main card.
2XL, 3XL | + 20 zł to the base prices set in the types of clothing in our main card.
That is, the type and color of clothing are displayed in the main card, while the sizes are in the code, and the price from this main card should be summed with the static prices for sizes in the code.
Thus, in the settings of this main card, the limit on the number of options will not be exceeded, and all three types of clothing will fit into one main card.
Thanks to the fact that the sizes will be the same for all types of clothing and displayed in the code, we will be able to display all types and colors of clothing in one main card. This option will allow us to duplicate the card ourselves and link it to specific product lists, thereby regulating prices for different products.
It is important that all prices are correctly summed up with each other and with the elements with additional price options Globo Produkt Option and displayed in the cart, on the checkout page, in the Shopify admin, in the email. On the category page, the base price of the T-shirt size S should be displayed.
The structure and design should remain basic in the format as it is currently done for PC/mobile.
Structure:
Buttons:
| T-SHIRT | SWEATSHIRT | HOODIE | (Types of clothing and their colors need to be implemented in the main card according to the specifications)
- When clicking the button, the corresponding clothing images are displayed:
- t-shirts, if the t-shirt button is selected;
- sweatshirts, if the sweatshirt button is selected;
- hoodies, if the hoodie button is selected.
Next come the sizes (They need to be implemented in code according to the specifications)
S M L XL 2XL 3XL
When clicking on the color icon, the color name should be visible, and this same name should be displayed in the cart; this functionality is already implemented. It is important that these labels remain in the new format of this functionality. Access to what has been done so far and all other materials will be provided.
